IE6下的png透明图片的背景定位
在IE6下PNG透明图片做背景，无法使用background-position进行定位。但是可以使用margin和绝对定位来进行。
另外，由于IE6下的 ：hover 只对<a>支持，对其他元素都不起作用，所以需要对IE6单独打补丁。可以使用微软提供的
csshover.htc文件进行修复。
<ul class="nav">
<li>
<a href="void 0" class="a"><img class="i1" src="img/png_btn.png"></a>
</li>
<li>
<a href="void 0" class="a"><img class="i2" src="img/png_btn.png"></a>
</li>
<li>
<a href="void 0" class="a"><img class="i3" src="img/png_btn.png"></a>
</li>
<li>
<a href="void 0" class="a"><img class="i4" src="img/png_btn.png"></a>
</li>
</ul>
.nav{padding: 0;margin: 0;list-style: none;width:40px;}
.nav li{width: 160px;height: 40px; overflow: hidden;}
.nav li a{text-decoration: none;}
.i1{margin: -2px 0 0 -2px;}
.a:hover .i1{margin: -42px 0 0 -2px;}
.i2{margin: -2px 0 0 -162px;}
.a:hover .i2{margin: -42px 0 0 -162px;}
.i3{margin: -2px 0 0 -322px;}
.a:hover .i3{margin: -42px 0 0 -322px;}
.i4{margin: -2px 0 0 -482px;}
.a:hover .i4{margin: -42px 0 0 -482px;}IE6下，在不通过修改html代码的情况下，也可通过clip属性来进行模拟。
而对于htc文件的引入，可以在html标签中加入这一句：
body { behavior:url("csshover.htc"); }
即可是div，p等元素支持 ：hover。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读