css 條件注釋使用指南

2022-09-25 20:21:11 字數 1503 閱讀 3274

原文:

譯自:版權所有,**請註明出處,謝謝。

或許你知道,internet explorer 6 已經不是最先進的瀏覽器了。事實上,它已經八歲了,但是很多人還在使用這個不安全的瀏覽器。正因為如此,網頁設計師不得不額外擔心他們的**在ie6下的表現。

在css 框架和模板出現以後,一些布局的問題可以很容易解決掉,但是顯然這不能解決全部問題。這些問題通常可以通過普通的css來解決,但是有時候只針對ie顯示一些(樣式)資訊可能會更好。

這是用條件注釋是可以實現的。條件注釋只支援windowueafqas系統中的ie瀏覽器。通過這些技巧,我們可以為基於windows的ie5、6、7、8新增一些特殊的行為。這樣做的好處是,html和css**可以通過驗證。

條件注釋的格式

所有可用的條件注釋標籤是基於相同的原理的。這些條件注釋可用於所有的ie瀏覽器版本。

複製**

**如下:

根據情況不同,你需要新增乙個瀏覽器版本號。比如,或許你想讓ie5.5使用乙個不同的樣式表:

複製**

**如下:

或者只針對ie7:

複製**

**如下:

你已經掌握了要領了,是吧?

我們還能用條件注釋做什麼?

微軟同樣為這些條件注釋新增了一些引數。比如,我們可以使用高於或等於某個版本、低於或等於某個版本。新增這些的確很方便。

比如說,我們要給ie7以及以下的瀏覽器新增乙個不同的樣式表,我們可以這樣做:

複製**

**如下:

或者我們想為ie6以上的瀏覽器建立乙個不同的樣式表:

複製**

**如下:

我們可以在我們的條件注釋中使用以下引數:

lte - 低於或等於

lt - 低於

gte - 高於或等於

gt - 高於

(ie6)|(ie7) - internet explorer 6或 internet explorer 7

(ie6)&(ie7) - internet explorer 6 和 internet explorer 7

點選這裡檢視更多引數

使用條件注釋讓使用者公升級他們的過時的瀏覽器

我通常不使用條件注釋來修正瀏覽器bug。我使用他們的方法是告訴人們,他們使用的是乙個過時的瀏覽器。在此類資訊裡面,我告訴他們,為了安全和更多功能,他們應該公升級他們的瀏覽器。

複製**

**如下:

通過這種方法,在使用者看到這條訊息的時候,你可以告訴使用者,他們不應該使用這個版本的瀏覽器,然後他們就可能公升級到乙個更先進的瀏覽器。

正如你看到的這樣,你可以在你的**中使用這些條件注釋的好處。

前幾天前端觀察發表了一系列的條件css 的用法,那些用法是基於這個條件注釋的擴充套件用法。當然這種條件注釋的用法比較簡單方便,但是 使用條件css 可以實現更高階的功能。請注意,本文所講的條件注釋可以直接在html**中使用,而條件css需要配合程式實現。——神飛

本文標題: css 條件注釋使用指南

本文位址:

CSS條件注釋

由於瀏覽器版本的不同,對css裡某些元素的解釋也不一樣,針對瀏覽器版本不同而選擇不同css的 其實我們還可以利用條件注釋的方法來達到類似的目的,什麼是條件注釋,在此簡單介紹一下,無非就是一些if判斷啦,呵呵,但這些判斷不是在指令碼裡執行的,而是直接在html 裡執行的,下面來介紹一下使用方法吧。定義...

CSS條件注釋

由於瀏覽器版本的不同,對css裡某些元素的解釋也不一樣,針對瀏覽器版本不同而選擇不同css的 其實我們還可以利用條件注釋的方法來達到類似的目的,什麼是條件注釋,在此簡單介紹一下,無非就是一些if判斷啦,呵呵,但這些判斷不是在指令碼裡執行的,而是直接在html 裡執行的,下面來介紹一下使用方法吧。定義...

Ubuntu apt 使用指南

起初gnu linux系統中只有.tar.gz。使用者必須自己編譯他們想使用的每乙個程式。在debian出現之後,人們認為有必要在系統中新增 一種機制用來管理安裝在計算機上的軟體包。人們將這套系統稱為dpkg。至此著名的 package 首次在gnu linux上出現。不久之後紅帽子也 開始著手建立...