IE6、7 a链接内图片加滤镜后导致a标签链接失效问题解决

今天在项目中遇到一个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>

posted @ 2013-12-24 15:01  pures  阅读(464)  评论(0编辑  收藏  举报