浏览器解析后↓
原因:
a标签嵌套a标签,浏览器会自动加上结束符。
而HTML的嵌套规范里就有一条:a标签不能嵌套a标签。
解决方法:
1. 使用object标签
用object嵌套内层a标签。
缺点:IE8及以下不支持。
2. 父元素设置display: block;或display: inline-block;并设置宽高和position: absolute;调整内外a标签的样式,调整层级关系。如此只能达到满足效果,浏览器解析依然不是嵌套关系。
浏览器解析后↓
原因:
a标签嵌套a标签,浏览器会自动加上结束符。
而HTML的嵌套规范里就有一条:a标签不能嵌套a标签。
解决方法:
1. 使用object标签
用object嵌套内层a标签。
缺点:IE8及以下不支持。
2. 父元素设置display: block;或display: inline-block;并设置宽高和position: absolute;调整内外a标签的样式,调整层级关系。如此只能达到满足效果,浏览器解析依然不是嵌套关系。