條件注釋只能用於explorer 5+ windows(以下簡稱ie).
如果你安裝了多個ie,條件注釋(conditional comments)將會以最高版本的ie為標準(一般為ie 6)。
我聽說(但沒測試過),當在條件注釋中使用了小數點,且只安裝了ie5.0的時候,將會產生乙個不正確的判斷。
條件注釋只能在windows internet explorer(以下簡稱ie)下使用,因此我們可以通過條件注釋來為ie新增特別的指令。條件注釋從ie5開始被支援,它可能在ie5.0,5.5,6裡有區別。
我(譯者注:指作者)自己也在頂層的框架中使用了一些條件注釋。如果你以源**形式檢視本頁,你將會看到:
以上**的作用是:
一般情況下,div.logo的left margin將為22px。但是,ie有個bug,就是當它碰到浮動元素(floated elements)的margins時候,它將會以2倍於該元素的實際margin值來處理。所以我要告訴ie,這個元素是10px(10?11?)。於是我用條件注釋告訴了它。
這些**例子將會概括性地說明你能如何使用條件注釋以及你不能如何使用條件注釋。
條件注釋的基本結構和html的注釋()是一樣的。因此ie以外的瀏覽器將會把它們看作是普通的注釋而完全忽略它們。
ie將會根據if條件來判斷是否如解析普通的頁面內容一樣解析條件注釋裡的內容。
條件注釋使用的是html的注釋結構,因此他們只能使用在html檔案裡,而不能在css檔案中使用。我很想把所有特殊的樣式放在logo.css裡。但是很不幸的是,這看起來不太可能。我也試過根據條件注釋,使用來匯入乙個額外的樣式表,但是因為我只需要乙個額外的樣式規則,這樣會讓事情變得複雜很多。當然如果你需要在ie裡使用很多的額外的樣式,那麼使用或許是乙個好的方法。
例子:下面我放置了一些條件判斷來根據你的ie版本來輸出相應資訊。(如果你使用的瀏覽器不是ie,你將會什麼都看不到)(譯者注:由於我的blog的問題,目前即使是ie也看不到任何東西。)
**如下:
**
注意兩個特殊的語法:
css hack?條件判斷屬於css hack嗎?嚴格地說是屬於css hack。因為就好象其他真正的css hack一樣,它使得我們可以給一些瀏覽器賦予特殊的樣式,再則它不依賴於某個瀏覽器的bug來控制另外乙個瀏覽器(的樣式)。除此之外,條件判斷還能用來做一些超出css hack範圍的事情(雖然這種情況很少發生).。
因為條件判斷不依賴於某個瀏覽器的hack,而是乙個經過深思熟慮的特色功能,所以我相信它是可以被放心地使用的。當然,其他瀏覽器也有可能支援條件判斷(到目前為止還沒有),但是看起來,他們應該不會使用如這樣的語法。
我很節儉地使用條件判斷。首先我會嘗試著去尋找在ie上乙個真正的css解決方法。如果找不到,我將會毫不猶豫地使用條件判斷。
comment標籤:
乙個讀者告訴我,ie(windows和mac)支援標籤(非標準)。
這 不 是internet explorer.
這 是internet explorer.
如果你想為非ie的瀏覽器使用專門的標籤或樣式,那麼這個這個comment標籤將會非常方便。不幸地是,這種情況很少發生(譯者注:ie太爛?呵呵)。特別是這個標籤,同時被windows和mac平台上的ie支援,而你往往只想在他們其中之一使用特殊的內容或樣式。
IE中的條件注釋
ie中的條件注釋 conditional comments 對ie的版本和ie非ie有優秀的區分能力,是web設計中常用的hack方法。條件注釋只能用於ie5以上。如果你安裝了多個ie,條件注釋將會以最高版本的ie為標準。條件注釋的基本結構和html的注釋 是一樣的。因此ie以外的瀏覽器將會把它們看...
IE中的條件注釋
ie中的條件注釋 conditional comments 對ie的版本和ie非ie有優秀的區分能力,是web設計中常用的hack方法。條件注釋只能用於ie5以上。如果你安裝了多個ie,條件注釋將會以最高版本的ie為標準。條件注釋的基本結構和html的注釋 是一樣的。因此ie以外的瀏覽器將會把它們看...
IE中的條件注釋
一 條件注釋簡介 ie中的條件注釋 conditional comments 對ie的版本和ie非ie有優秀的區分能力,是web設計中常用的hack方法。條件注釋只能用於ie5以上。如果你安裝了多個ie,條件注釋將會以最高版本的ie為標準。條件注釋的基本結構和html的注釋 是一樣的。因此ie以外的...