先看下代码:
<a href="javascript:;">
<div class="tit">
<a href="javascript:;">测试链接</a>
</div>
</a>
再看下chrome浏览器的表现:
<a href="javascript:;"></a>
<div class="tit">
<a href="javascript:;"></a>
<a href="javascript:;">测试链接</a>
</div>
这个明显不是我们预期的结果,查了一下资料,发现A标签是不可以包含A标签的。
如果要是想实现我们的预期效果,还是把被包含的A标签用绝对定位把!外面套object标签,IE9一下浏览器不支持。