- 您正在使用IE瀏覽器
- 版本 7
- 版本 5.0
下面的程式碼是在非IE瀏覽器下執行的條件註解
您使用不是 Internet Explorer
最終在非IE和特殊的IE瀏覽器下起作用
(或使用 lte lt 或 gt gte來判斷，如：
).
您正在使用Internet Explorer version 6
或 一個非IE 瀏覽器
From：cssplay.co.uk/menu/conditional.html" target="_blank">http://www.cssplay.co.uk/menu/conditional.html
上面提到了條件註釋，就是判斷瀏覽器類型，然後定義什麼瀏覽器下顯示什麼內容。
這個dropmenu（下拉選單）模型來自cssplay，使經過作者多次的研究和反覆的測試才做出來的。我想那這個模型來實踐一下條件註釋的原理。
先看一個最簡單的模型
下面是xhtm
CSS
採用雙樣式，給ie和非ie分別定義樣式，如果IE時候，在final_drop.css基礎上補充一個final_drop_ie.css
先看看非ie下的css是怎樣定義的
.menu ul li ul {
display: none;
}
/* specific to non IE browsers */
.menu ul li:hover a {
color:#fff;
background:#bd8d5e;
}
/*定義滑鼠滑過樣式*/
.menu ul li:hover ul {
display:block;
position:absolute;
top:3em;
margin-top:1px;
left:0;
width :150px;
}
在非IE下，看到滑鼠滑過時候li包含的ul顯示了，因為這些瀏覽器支援li:hover用法
IE下的css
.menu ul li a:hover {
color:#fff;
background:#bd8d5e;
}
/*當滑鼠滑過時li包含的ul顯示*/
.menu ul li a:hover ul {
display:block;
position:absolute;
top:3em;
left:0;
background:#fff;
margin-top:0;
marg\in-top:1px;
}
繼承上面的final_drop.css樣式，無滑鼠時間時候li包含的ul不顯示
因為
所以在IE6下滑鼠滑過時候在透過a:hover來顯示那個ul內容
而IE7下透過li:hover顯示的效果一樣
陳述
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
用Astro組件和打字稿製作強大的DXApr 23, 2025 am 09:10 AM我們可以始終如一地幫助團隊代碼的一件事是提供類型檢查，以便在編碼時可為特定組件提供所有可配置的選項。布萊恩（Bryan
通過Astro Action和Fuse.js為搜索提供動力Apr 22, 2025 am 11:41 AM對於Astro，我們可以在構建過程中生成大部分網站，但是有一小部分服務器端代碼可以使用Fuse.js之類的搜索功能來處理搜索功能。在此演示中，我們將使用保險絲搜索一組個人“書籤”
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
刺客信條陰影：貝殼謎語解決方案
3 週前ByDDD
Windows 11 KB5054979中的新功能以及如何解決更新問題
2 週前ByDDD
在哪裡可以找到原子中的起重機控制鑰匙卡
3 週前ByDDD
<🎜>：死鐵路 - 如何完成所有挑戰
4 週前ByDDD
Atomfall指南：項目位置，任務指南和技巧
4 週前ByDDD
熱工具
MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中，你可以繼續在那裡關注我們。 MinGW：GNU編譯器集合（GCC）的本機Windows移植版本，可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔；包括對MSVC執行時間的擴展，以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。
VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器
Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境，安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問，並防止學生使用未經授權的資源。
禪工作室 13.0.1
強大的PHP整合開發環境
SublimeText3 英文版
推薦：為Win版本，支援程式碼提示！
