div+css布局必須要知道的css條件注釋理論及實踐第1/2頁_經驗交流

瀏覽器的條件注釋理論，用下面一段例子來解釋這個問題
(X)HTML
下面一段代碼是測試在微軟的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瀏覽器下啟動並執行條件注釋

複製代碼 代碼如下:

<!--[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 />
或者 一個非IE 瀏覽器</h1>
<!--<![endif]-->

From：http://www.cssplay.co.uk/menu/conditional.html
預覽模型
上面提到了條件注釋，就是判斷瀏覽器類型，然後定義什麼瀏覽器下顯示什麼內容。
這個dropmenu（下拉式功能表）模型來自cssplay，使經過作者多次的研究和反覆的測試才做出來的。我想那這個模型來實踐一下條件注釋的原理。
先看一個最簡單的模型

當前1/2頁  12下一頁閱讀全文