CSS IE6 7 8相容處理解決方案。

2022-01-29 06:30:20 字數 455 閱讀 2580

在ie6、ie7和ff中瀏覽頁面效果。發現在ie7中,ul底部的間隔消失了,也就是li的下外邊距定義沒有起到作用。

這時候我們就要利用css hack來修復它,利用*+html

*+html ul

經過設定後,發現在ie6、ie7和ff中瀏覽均沒有再出現問題。

然後我們的列表項li是不固定的,我們去掉乙個列表項li再瀏覽頁面。發現在ie6下,ul底部的間隔又一次消失了,也就是li的下外邊距定義沒有起到作用。

我們不得不進行修復,針對ie6進行css hack編碼。應用「*html」作為選擇器,針對ie6,設定ul的下內邊距。**如下。

*html ul

這也太不可思議了。怎麼會頻繁的出現如此多的問題。我們不得不考慮新的出路了。其實我們只要換乙個角度去思考,這兩個bug均可以成功的避免。

最好的解決辦法就是:我們設定ul的左側和下則外邊距,設定li的上側和右側外邊距來實現間隔

CSS iE6 IE7 ff 相容方法

ie6跟firefox之間的差異問題可以用 important 來解決 這種方法盡量少用 但是ie7似乎還是不認識 important 而且它跟ie6之間也存在一些差異。瀏覽器的不一致性總是讓人很頭疼!下面分別給出ie6 ie7 firefox的hack example firefox html e...

Bootstrap關於IE678相容方法

搞前端以來一直沒有遇到過比較大的相容問題,在上個星期開發乙個用bootstrap的 時終於遇到了 o 特此記錄一下 這次的專案 採用bootstrap作為樣式庫,因為開發前沒有先仔細了解bootstrap對瀏覽器的支援,導致到了測試階段才發現這個框架居然是不支援ie678的。這裡需要自我反省下,也提...

CSS hacker使用小結 相容IE6 7 8

什麼是css hack 由於不同廠商的流覽器或某瀏覽器的不同版本 如ie6 ie11,firefox safari opera chrome等 對css的支援 解析不一樣,導致在不同瀏覽器的環境中呈現出不一致的頁面展現效果。這時,我們為了獲得統一的頁面效果,就需要針對不同的瀏覽器或不同版本寫特定的c...