由於瀏覽器版本的不同,對css裡某些元素的解釋也不一樣,針對瀏覽器版本不同而選擇不同css的**,
其實我們還可以利用條件注釋的方法來達到類似的目的,什麼是條件注釋,在此簡單介紹一下,無非就是一些if判斷啦,呵呵,但這些判斷不是在指令碼裡執行的,而是直接在html**裡執行的,下面來介紹一下使用方法吧。
定義什麼瀏覽器下顯示什麼內容。
這個dropmenu(下拉列表)模型來自cssplay,使經過作者多次的研究和反覆的測試才做出來的。我想那這個模型來實踐一下條件注釋的原理。
先看乙個最簡單的模型
下面是xhtm:
html**
demos
>>
a>
>
a>標籤–>
zero dollars advertising pagea>li>
styled forma>li>
active focusa>li>
hover/click with no bordersli>
shadow boxinga>li>
image map for detailed informationa>li>
fun with background imagesa>li>
fade scrollinga>li>
em image sizes compareda>li>
ul>
td>tr>table>
>
a>
>
li>
a>標籤–>
ul>
div>
csshtml**
>
>
採用雙樣式,給ie和非ie分別定義樣式,如果ie時候,在final_drop.css基礎上補充乙個final_drop_ie.css
先看看非ie下的css是怎樣定義的
html**
.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
html**
.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...