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，使經過作者多次的研究和反覆的測試才做出來的。我想那這個模型來實踐一下條件注釋的原理。
先看一個最簡單的模型