IE6与CSS款式适配难题汇总

1、PNG半全透明照片的难题
尽管能够根据JS等方法处理，但仍然存在加载速率等难题，因此，这个上能不必用還是尽可能不必用。以做到网站最大提升。

2、IE6下的圆角
IE6不适用CSS3的圆角特性，较为好的处理方式便是用照片圆角来取代，或舍弃IE6的圆角。

3、IE6情况闪动
假如给连接、按钮用CSS sprites做为情况，将会会发如今IE6下会有情况图闪动的状况。导致这个的缘故是因为IE6沒有将情况图缓存文件，每次开启hover的情况下都会再次载入，能够用JavaScript设定IE6缓存文件这些照片下面是编码：

那末也便是说立即设定height特性的话 设定是多少最少便是是多少就不存在最少由于当今便是最少因此会在一部分辨别率下形变。

5、最大高宽比

6、100% 高宽比

在IE6下，假如要给元素界定100%高宽比，务必要确立界定它的父级元素的高宽比，假如要给元素界定满屏的高宽比，就得先给html和body界定height:100%;。

7、消除波动

假如想用div(或别的器皿)包裹1个波动的元素，就会发现务必给div(器皿)界定确立的height、width、overflow当中1个特性（除auto值）才可以将波动元素严密地包裹。

8、波动层移位

当內容超过外宽容器界定的宽度时，在IE6中器皿会忽略界定的width值，宽度会不正确地随內容宽度提高而提高。
波动层移位难题在IE6下沒有真实好的处理方式，尽管可使用overflow:hidden;或overflow:scroll;来调整，
但hidden非常容易致使别的1些难题，scroll会破坏设计方案；JavaScript也无法很好地处理这个难题。因此提议是1定要在合理布局上防止这个难题产生，应用1个固定不动的合理布局或操纵好內容的宽度（给里层加width）。

9、肯定精准定位元素的1像素间隔bug

IE6下的这个不正确是因为进位解决偏差导致（IE7已修补），当肯定精准定位元素的父元素高或宽为单数时，bottom和right会造成不正确。唯1的处理方法便是给父元素界定确立的高宽值，但针对液态合理布局沒有完善的处理方式。

10、3像素间隔bug

在IE6中，当文字(或无波动元素)跟在1个波动的元素以后，文字和这个波动元素之间会多出3像素的间距。
给波动层加上 display:inline 和 ⑶px 负值margin
给正中间的內容层界定 margin-right 以改正⑶px