CSS作下拉式導覽列

woff · 發表於 2009-11-8 16:00:29

CSS作下拉式導覽列這是全人類的一小步，卻是我的大大一步阿!!!!

最近在研究CSS，很流行的一種網頁技術
我才在看第一章基礎簡介而已，工作上就需要用CSS作下拉式導覽列了阿...
Like this

只好含著眼淚把書往後翻，努力鑽研一長串看不懂的程式碼，試作的時候還算順利，但我在下拉式選單碰到了難題...

因為書上說下拉式選單只適用於IE7以上的版本，怕用IE6的人就看不到，還是要用傳統的javascript來製作下拉式選單摟？
但使用javascript，瀏覽網站時會出現Active X控制項要你安裝，但一般人看到那個都不會安裝吧

另一本CSS的書(看起來是更可怕的高階班用書)，又提供了不同的作法，但是當我辛辛苦苦下載好範例，打開一看，還是要下載Active X控制項阿!!!!

我只好到網路上尋找下拉式選單的做法，偶然看到關於CSS支援IE7的討論，原來要下載一個叫做csshover.htc的檔案(網站上搜尋就有)，把這個檔案跟CSS放在同一個資料夾，然後再CSS頁面加上body {behavior:url(csshover.htc);}，如此一來，IE6就可以神奇的看到下拉式選單了~
(此段教學是參考What the Video can be !? 部落格的留言部份)

但是...問題又來了@@
完成此段語法可以支援IE6，IE7卻又不能用了阿>.<
幸好我看到了某個論壇也有提到此問題：csshover.htc does not work in IE7 for drop-down menu
只要把
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
改成
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
IE7也可以看得到了耶!!!

哈哈問題解決! 我成功了阿!!!!!

WC123456 · 發表於 2012-1-14 00:43:40

我想要~~~~~~~

帳號		自動登錄		找回密碼
密碼				註冊

[教學] CSS作下拉式導覽列