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;}

