CSS條件注釋

2021-09-08 10:38:57 字數 1390 閱讀 7844

由於瀏覽器版本的不同,對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...