ie6、7中如果超链接A标签内图片标签前加了span标签,那么这个图片超链接在IE67下点击是无效的,下面青岛星网给出解决方法。
范例HTML代码
<h2>bug</h2> <p>ie6、7,对于以下这样的结构,如果span触发了haslayout,那么图片区域将点击无效</p> <div class="m-demo"> <a href="#link"> <span> <img src="图片路径" /> </span> </a> </div> <h2>fix</h2> <p>给图片设置position:relative;z-index:-1;再给a设置cursor:pointer;</p> <div class="m-demo m-demo-fix"> <a href="#link"> <span> <img src="图片" /> </span> </a> </div>
解决CSS代码
/* IE67中图片链接无效 */ .m-demo a,.m-demo a img{width:100px;height:60px;} .m-demo a{display:block;} .m-demo a span{zoom:1;} .m-demo-fix a{cursor:pointer;} .m-demo-fix a img{position:relative;z-index:-1;}