div+css布局必須要知道的css條件注釋理論及實(shí)踐第1/2頁
更新時(shí)間：2007年05月21日 00:00:00 作者：
瀏覽器的條件注釋理論，用下面一段例子來解釋這個(gè)問題
(X)HTML
下面一段代碼是測(cè)試在微軟的IE瀏覽器下的條件注釋語句的效果
<!--[if IE]>
<h1>您正在使用IE瀏覽器</h1>
<![endif]-->
<!--[if IE 5]>
<h1>版本 5</h1>
<![endif]-->
<!--[if IE 5.0]>
<h1>版本 5.0</h1>
<![endif]-->
<!--[if IE 5.5]>
<h1>版本 5.5</h1>
<![endif]-->
<!--[if IE 6]>
<h1>版本 6</h1>
<![endif]-->
<!--[if IE 7]>
<h1>版本 7</h1>
<![endif]-->
下面的代碼是在非IE瀏覽器下運(yùn)行的條件注釋
<!--[if !IE]><!-->
<h1>您使用不是 Internet Explorer</h1>
<!--<![endif]-->
最終在非IE和特殊的IE瀏覽器下起作用
(或者使用 lte lt 或者 gt gte來判斷，如：
<!--[if lte IE 6]>
在IE 6下顯示的信息
<![endif]-->
).
<!--[if IE 6]><!-->
<h1>您正在使用Internet Explorer version 6<br />
或者 一個(gè)非IE 瀏覽器</h1>
<!--<![endif]-->
From：http://www.cssplay.co.uk/menu/conditional.html
預(yù)覽模型
上面提到了條件注釋，就是判斷瀏覽器類型，然后定義什么瀏覽器下顯示什么內(nèi)容。
這個(gè)dropmenu（下拉菜單）模型來自cssplay，使經(jīng)過作者多次的研究和反復(fù)的測(cè)試才做出來的。我想那這個(gè)模型來實(shí)踐一下條件注釋的原理。
先看一個(gè)最簡單的模型
(X)HTML
下面一段代碼是測(cè)試在微軟的IE瀏覽器下的條件注釋語句的效果
復(fù)制代碼 代碼如下:
<!--[if IE]>
<h1>您正在使用IE瀏覽器</h1>
<![endif]-->
<!--[if IE 5]>
<h1>版本 5</h1>
<![endif]-->
<!--[if IE 5.0]>
<h1>版本 5.0</h1>
<![endif]-->
<!--[if IE 5.5]>
<h1>版本 5.5</h1>
<![endif]-->
<!--[if IE 6]>
<h1>版本 6</h1>
<![endif]-->
<!--[if IE 7]>
<h1>版本 7</h1>
<![endif]-->
下面的代碼是在非IE瀏覽器下運(yùn)行的條件注釋
復(fù)制代碼 代碼如下:
<!--[if !IE]><!-->
<h1>您使用不是 Internet Explorer</h1>
<!--<![endif]-->
最終在非IE和特殊的IE瀏覽器下起作用
(或者使用 lte lt 或者 gt gte來判斷，如：
<!--[if lte IE 6]>
在IE 6下顯示的信息
<![endif]-->
).
<!--[if IE 6]><!-->
<h1>您正在使用Internet Explorer version 6<br />
或者 一個(gè)非IE 瀏覽器</h1>
<!--<![endif]-->
From：http://www.cssplay.co.uk/menu/conditional.html
預(yù)覽模型
上面提到了條件注釋，就是判斷瀏覽器類型，然后定義什么瀏覽器下顯示什么內(nèi)容。
這個(gè)dropmenu（下拉菜單）模型來自cssplay，使經(jīng)過作者多次的研究和反復(fù)的測(cè)試才做出來的。我想那這個(gè)模型來實(shí)踐一下條件注釋的原理。
先看一個(gè)最簡單的模型
相關(guān)文章
css有序列表實(shí)現(xiàn)方法與html標(biāo)簽說明2008-07-07
CSS整體布局聲明的一些使用技巧...2007-09-09
一個(gè)針對(duì)IE7的CSS Hack...2007-01-01
css結(jié)合filter實(shí)現(xiàn)的鼠標(biāo)滑過圖片效果代碼2008-06-06
前兩天特意裝了一下IETester，用以方便測(cè)試，裝好后使用發(fā)現(xiàn)IE8有兩個(gè)地方需要大家注意。2008-06-06
有時(shí)候我們需要首字母大寫，不必每次都編輯文章了，用css實(shí)現(xiàn)更方便2008-06-06
純CSS實(shí)現(xiàn)標(biāo)簽導(dǎo)航制作
2008-01-01
很多時(shí)候，希望能夠在 HTML 中使用空格排版。但瀏覽器在解析 HTML 時(shí)，會(huì)把連續(xù)的空格解析成一個(gè)，所以我們會(huì)使用 等這樣的占位符。2008-09-09
IE7已經(jīng)支持position:fixed了，而我們的IE6呢？還繼續(xù)使用js事件？消耗資源，破壞結(jié)構(gòu)，畫面閃耀。2008-09-09
HTTP與HTTPS超文本傳輸協(xié)議的區(qū)別是什么
隨著越來越多的網(wǎng)站使用HTTPS加密，現(xiàn)在HTTPS的使用已經(jīng)成了硬性要求了。雖然說https是http的安全版，但兩者還是有不少區(qū)別的。本文從https、http的概念和原理入手，講解他們的不同，讓讀者朋友能夠真正理解。2022-12-12