IE6下3畫素問題

2021-06-21 11:53:23 字數 467 閱讀 3308

描述:ie下兩個div之間會出現3個畫素的bug,這個bug是在當對乙個div用了float元素時,而div未使用時則會出現。

解決方法:a.對另乙個元素同時使用float; b.為已經浮動的div新增一條語句:margin-right:-3px; 或者margin-left:-3px; ;

當浮動元素與非浮動元素相鄰時,這個3畫素的bug就會出現,它會偏移3畫素。只要觸發ie的haslayout,非浮動元素就會擁有布局。所以,利用ie6特有的hack規則,為它單獨寫樣式就可修復此問題:_zoom:1;margin-left: value;_margin-left: value-3px;zoom 是ie觸發layout條件之一,因為它是ie特有的css規則,所以採用zoom。margin-left: value-3px 是修復ie6 中3px 的bug。此前採用非浮動元素也浮動的方法修復bug,現在我們可以試試這個新的方法了!注:前面的下劃線是專門寫給ie7以下版本的hack! 

ie6下height高度問題

無標題文件 title 6head 78 body 9 div style background blue height 8px div 10body 11html 複製 意思是定義乙個高度為8px,藍色背景的div,但是造成ie6.0下多出來高度.以前我解決ie6.0下出現的這種問題的方法是加ov...

IE6下height的問題

我在做 專案的時候通常需要定義乙個高度為10px以下的div.如下 無標題文件 title 6head 78 body 9 div style background blue height 8px div 10body 11html 意思是定義乙個高度為8px,藍色背景的div,但是造成ie6.0下...

ie6 濾鏡問題

由於有透明效果,為了在ie6下能正常看到效果,就要使用濾鏡的功能 如 background none filter progid dximagetransform.microsoft.alphaimageloader src png 乙個大div下面用了濾鏡功能,他將會使在div下面的form a等...