IE8下A标签嵌套问题

最新推荐文章于 2021-03-21 22:52:52 发布

kings988

最新推荐文章于 2021-03-21 22:52:52 发布

阅读量2.4k

点赞数 1

分类专栏： CSS/HTML 文章标签： ie8 a标签嵌套

本文链接：https://blog.csdn.net/kings988/article/details/38942019

版权

CSS/HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

IE8下A标签是不能嵌套A标签的，代码如下：

<a style="display:block;background:blue;height:100px" href="#">
	<a style="display:block;background:red;height:40px;width:100px;" href="#">test</a>
</a>

效果：

在IE8自带的开发工具下查看，发现IE自动将第二层A标签提取到外面作为第一层A标签的兄弟节点，如下图：

以上问题，在chrome下是不存在的。有时候我们有这么一种应用，有个banner，banner内部有个链接，点击banner任何位置可以跳转到某一页面，点击banner内部链接也能跳转。这时候嵌套A标签就不好使了，解决办法就是把链接改成button实现。现在大部分网站实现方法是，一张图片，上边画了个button按钮，本人也建议这种做法。