針對IE瀏覽器的CSS樣式(相容性)

2022-09-08 06:33:12 字數 1255 閱讀 7249

1.ie hacks:

"_"  是ie6 專有的hack;

"\9" 對ie6-ie10都有效;

"\0"對ie8-ie10都有效;

"\9\0"對ie9-ie10都有效;

優點:css hacks 內嵌在普通的 css 裡面,不會產生更多 http 請求。css hacks 內嵌在普通的 css 裡面,編寫時比較方便。

缺點:它是不標準的產物。內嵌在其他 css 中,不便維護。尤其是當 hacks 的數量比較多的時候維護簡直是個惡夢。內嵌在其他 css 中,即使在非 ie 瀏覽器中也會被載入,浪費資源。

2.條件注釋 css:

條件注釋是一種 ie 專有的、對常規(x)html 注釋的 miscrosoft 擴充套件。從 w3c 標準來說,它也是不標準的產物,但它是微軟官方推出的針對 ie 進行開發的方式,

並且條件注釋對於其他所有瀏覽器作為常規注發布現,因此對其他瀏覽器無害

優點:條件注釋 css 的好處是在獨立的 css 檔案中編寫,能準確控制在特定的 ie 中載入,不會造成資源浪費,並且便於維護。

缺點:就是會產生多餘的 http 請求,尤其是當你需要相容的 ie 版本很多的時候,你就需要產生多個 http 請求,這對於本來通道數目就少的低版本 ie 來說無疑會影響頁面載入速度。

以上兩種方法不是很好,以下的方法相對來說會好點;

3.條件注釋 html 標籤:

這種方案也是利用條件注釋,但並不是對 css 使用條件注釋,而是對 html 標籤使用條件注釋,引入不同的 class ,從而區分不同的 ie 以及其他瀏覽器;

doctype html

>

<

html 

lang

="zh-cn"

>

然後把對特定 ie 的 css 加上相應的 class 並寫在普通 css 檔案裡即可: .ie6 .header .n**

優點:條件注釋表示式的好處在於不會產生多餘的 http 請求;

缺點:由於這些針對特定 ie 的 css 與普通的 css 放在一起,即不是相應的 ie 也會被載入,因此如果 css 數目比較多的話就會像使用 hacks 那樣,造成浪費;

以上方法:需要根據具體情況選擇方法。

針對IE瀏覽器的相容問題小結

怎麼用一行 解決css各種ie各種相容問題 程式設計客棧t x ua compatible 是針對ie8新加的乙個設定,對於ie8之外的瀏覽器是不識別的,這個區別與 content ie 7 在無論頁面是否包含指令,都像是使用了 windows internet explorer 7 的標準模式。而...

針對各種瀏覽器css不相容的寫法

針對谷歌瀏覽器核心支援的css樣式 media screen and webkit min device pixel ratio 0 針對ie6特製識別的css樣式 html searchbox 針對firefox瀏覽器的核心css寫法 moz document url prefix ie8就是自己...

ie瀏覽器相容筆記

ie低版本瀏覽器預設很多標籤是自帶樣式的。ul預設室友padding left 40px li標籤的預設樣式是跟其他瀏覽器不一樣的。預設帶有左邊距16px左右,設定屬性如下即可解決list style position outside position後記得在relative屬性的元素設定浮層 z ...