ie6下的兼容问题

1.解决ie 6 在png背景定位时不透明问题的方法：

<!--[if lte IE 6]>
<script src="DD_belatedPNG_0.0.8a.js" type="text/javascript"></script>
    <script type="text/javascript">
        DD_belatedPNG.fix('div, ul, img, li, input , a');
    </script>
<![endif]-->

fix处是你需要进行透明化的标签，或者类都可以！！
这是js的代码DD_belatedPNG_0.0.8a.js代码

 

2.解决一个高为1像素的div,在IE中显示的高度比1像素高出很多的情况下的解决方法就是：给该div的样式加font-size:1px;

3.解决position:fixed;在IE6下失效的方法:

position:absolute;/*IE6*/

_top: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

4 .IE6下width:auto;的方法有三种：

1、hack的写法：

_width:0px;

2、使用条件表达式：

<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />

<!--[if lt IE 7]>

    <link rel="stylesheet" href="/css/lt-ie7.css" type="text/css" media="screen" />

<![endif]-->

这样，只有IE版本小于7是才会加载CSS。

3、使用CSS选择器

#nav ul li {

    width: 0;

    float: left;

}

#nav ul > li {

    width: auto;

}

5.在一个div的position:static的情况下，IE6及7都是显示z-index:0;火狐及IE8以上，谷歌等浏览器中显示z-index:auto;