CSS條件注釋

2021-08-23 11:28:18 字數 883 閱讀 3652

由於瀏覽器版本的不同,對css裡某些元素的解釋也不一樣,針對瀏覽器版本不同而選擇不同css的**,

其實我們還可以利用條件注釋的方法來達到類似的目的,什麼是條件注釋,在此簡單介紹一下,無非就是一些if判斷啦,呵呵,但這些判斷不是在指令碼裡執行的,而是直接在html**裡執行的,下面來介紹一下使用方法吧。

定義什麼瀏覽器下顯示什麼內容。

這個dropmenu(下拉列表)模型來自cssplay,使經過作者多次的研究和反覆的測試才做出來的。我想那這個模型來實踐一下條件注釋的原理。

先看乙個最簡單的模型

下面是xhtm:

標籤–>

css

採用雙樣式,給ie和非ie分別定義樣式,如果ie時候,在final_drop.css基礎上補充乙個final_drop_ie.css

先看看非ie下的css是怎樣定義的

.menu ul li ul 

/* specific to non ie browsers */

.menu ul li:hover a

/*定義滑鼠滑過樣式*/

.menu ul li:hover ul

在非ie下,看到滑鼠滑過時候li包含的ul顯示了,因為這些瀏覽器支援li:hover用法

ie下的css

.menu ul li a:hover 

/*當滑鼠滑過時li包含的ul顯示*/

.menu ul li a:hover ul

繼承上面的final_drop.css樣式,無滑鼠時間時候li包含的ul不顯示

因為

CSS條件注釋

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

css 條件注釋使用指南

原文 譯自 版權所有,請註明出處,謝謝。或許你知道,internet explorer 6 已經不是最先進的瀏覽器了。事實上,它已經八歲了,但是很多人還在使用這個不安全的瀏覽器。正因為如此,網頁設計師不得不額外擔心他們的 在ie6下的表現。在css 框架和模板出現以後,一些布局的問題可以很容易解決掉...

CSS中IE的IF條件使用注釋

在css布局中,還常常用到ie hack。if ie條件注釋的使用就起著很大的作用。if ie什麼意思呢?下面就列舉了一些在css常見的hack控制語句。除ie外都可識別 所有的ie可識別 只有ie5.0可以識別 僅ie5.0與ie5.5可以識別 ie5.0以及ie5.0以上版本都可以識別 僅ie6...