今天在项目中遇到一个ie6、7浏览器下a链接失效的问题,查询大量资料,最终找到完美的解决方案,如下:
解决方法:
为a标签加样式{*background:url(#);*zoom:1;}
为img外部嵌套一个层并为其加样式.p-img{*position:relative;*left:0px;*z-index:-1;}
结构如下:
<div class="item">
<a target="_blank" href="#">
<div class="p-img">
<img width="195" height="85" src="...">
</div>
<div class="p-info">
<div class="pi-name">小小的测试一下</div>
</div>
</a>
</div>