在项目中有<a>嵌套<a>的需求,在解析时,发现解析错误,开闭标签配对错误。即:
<a href="#">A
<a href="#">B</a>
</a>
浏览器解析为:
<a href="#">A</a>
<a href="#">B</a>
解决方法:
一、使用<object> 标签进行嵌套
<a href="#">
A
<object>
<a href="#">B</a>
</object>
</a>
兼容问题: 支持火狐、谷歌、IE9+。IE8及以下不支持object标签。
二、将外层a标签改为行内块元素:display:inlie-block;设置height/width并设置为绝对定位将其放在里层a标签的位置,通过调整里层a标签及外层a的z-index大小,使得鼠标能正确选中a标签;