需求原来是球队名字没有点击配置的，而蓝色方框两队之间的较量点击的时刻会跳转到较量文字直播页面。如今须要要求点击球队名字要跳转到球队资料库页面。

这样就会发生了a标签的嵌套。

然而总所周知a标签是内联元素(inlineelement)，假设嵌套a标签的话阅读器则会解析成:

12outerA3innerA4567outerA8innerA

这样的话就不合乎需求了。

这里引见的处置打算有两种：

1.经常使用object标签启动嵌套

outerA

这样页面就会解析成:

这样在内层a标签加一层object标签嵌套，可以处置了a标签嵌套的疑问了。这个方法在火狐和谷歌、IE9及以上是没疑问的。然而IE8及以下就会有疑问，由于IE8不允许object标签，它会将object解析成一个对象a标签的内容显示不进去。所以就有了上方的第二种打算。

2.将外层a标签改为行内块级元素即display:inline-block;设置height/width并设置为相对定位将其放在里层a标签的位置，经过调整里层a标签及外层a的z-index大小，使得鼠标能正确选中a标签；

由于产品要求兼容到IE8，所以公司目前经常使用的是这种打算：

这样经过扭转外层a标签的display并调整position及z-index也可以到达a标签嵌套的成果，留意这里说的是成果而不是详细的解析就是嵌套的。

标签： 网站设计、 厦门网站制造、 网站制造、 网站树立、 网站设计、 厦门seo提升、 专业网站设计、 厦门专业网站树立、 HTML5、 网页设计、 厦门网站树立公司、 seo、 网页中A标签嵌套A标签成果的两种处置打算、 厦门专业网页设计、 SEO提升、 照应式网页设计、 厦门网站设计、 CSS3、 厦门设计公司、 网站树立、 网站制造、

本文地址： https://yihaiquanyi.com/article/c9536eff02dd7ca1c6c3.html

上一篇：厦门网站建设方案厦门网站树立网站开发word...
下一篇：厦门网站建设网站制作厦门网站优化网站设计...