IE6下的png透明图片的背景定位

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。