解決IE6 3像素Bug的css寫法
更新時間:2008年10月18日 22:04:23 作者:
當(dāng)浮動元素與非浮動元素相鄰時,這個3像素的Bug就會出現(xiàn),它會偏移3像素。
只要觸發(fā)IE的hasLayout,非浮動元素就會擁有布局。所以,利用IE6特有的hack規(guī)則,為它單獨(dú)寫樣式就可修復(fù)此問題:
_zoom:1;
margin-left: value;
_margin-left: value-3px;
zoom 是IE觸發(fā)Layout條件之一,因為它是IE特有的CSS規(guī)則,所以采用zoom。
margin-left: value-3px 是修復(fù)IE6 中3px 的bug。
此前采用非浮動元素也浮動的方法修復(fù)bug,現(xiàn)在我們可以試試這個新的方法了!
注:前面的下劃線是專門寫給IE7以下版本的hack!
_zoom:1;
margin-left: value;
_margin-left: value-3px;
zoom 是IE觸發(fā)Layout條件之一,因為它是IE特有的CSS規(guī)則,所以采用zoom。
margin-left: value-3px 是修復(fù)IE6 中3px 的bug。
此前采用非浮動元素也浮動的方法修復(fù)bug,現(xiàn)在我們可以試試這個新的方法了!
注:前面的下劃線是專門寫給IE7以下版本的hack!
相關(guān)文章
前端html+css實現(xiàn)動態(tài)生日快樂代碼
?生日送什么禮物總是要花一番心思,別出心裁不落俗套,什么禮物才能讓那一個她開心呢?來看看前端大大用html+css實現(xiàn)動態(tài)生日快樂代碼吧,親測可用。2023-01-01CSS樣式表規(guī)劃與管理的經(jīng)驗總結(jié)
CSS樣式表規(guī)劃與管理的經(jīng)驗總結(jié)...2007-09-09一個老外弄的Clearing floats(清除浮動的方法)
一個老外弄的Clearing floats(清除浮動的方法)...2007-09-09指定網(wǎng)頁的doctype解決CSS Hacking方法總結(jié)
我們都知道,要做WD(web designer),首先得伺侯好幾個瀏覽器:IE6,IE7,Firefox.一般的頁面,都只要求在IE6,IE7,Firefox下正常工作就行了。2008-09-09