看板 Web_Design 關於我們 聯絡資訊
痾,大家好,其實我沒有寫網頁很久了 最近有點時間又研究一下 感覺這幾年的斷層讓我落差很大 在以前做一些按鈕或是選單的控制 主要是以 js 為主 但是看了一些文章後似乎 css 控制是對於網頁維護有比較大的利多? 從參考網路上網頁的 code 發現 有不少下拉式選單是這樣設計的: <ul class="dropdown"> <li><a href="#">壹</a></li> <li><a href="#">貳</a></li> <li><a href="#">参</a></li> </ul> 再利用 css 去控制顯示的樣式變成下拉式選單 但是我實際在用的時候 發現了以下這一段 css li:hover { text-decoration:underline; background-color:#FFFF00; font-weight:bold; } 在 IE8上是不會運作的 在火狐及google瀏覽器都可以 這應該是瀏覽器相容性的問題吧? 用 google 選了 hover 或是其他的關鍵字查詢 查到的幾乎都是要套用 jquery 沒有辦法使用純 css 解決問題 想請問的是:要讓這三個瀏覽器看起來效果都一樣 是否這是唯一解法? 再來就是想問個觀念問題: css js jquery 混用和純用在使用上是否有差? 比如說維護上或是效能上 能夠純用 css 是否就不要混用 js 比較好? 又或者是只要能跑就好根本沒有差? 從以前到現在主要幾乎都是因為個人興趣才在寫 html code 所以很多都是自以看書查網路自學的 在一直看到強調內容和樣式分開製作的現今環境 一直在思考也許該從根本改變我以前學的模式和寫網頁相關語法的習慣? (以前是IE可以跑就不管他了,code也是滿雜的) 在此感謝你看完本文並回答
sPin:是不是漏打了一些東西 li a:hover 試試 ie8不太可能不能用@@ 01/28 17:29
li a:hover 是可以運作沒錯,但是因為不是每個項目都會放 <a> 所以可能不能採用此方法 @@
robert38:li:hover IE6不支援,不過IE8應該是支援的... 01/28 17:35
剛剛又去確認了一次 IE版本是8 滑鼠在那邊晃來晃去就是沒反應...
aceone:IE7就支援了 應該是你哪邊有寫錯 混用js是權宜之計啊... 01/28 17:53
chippclass:那晚點我去弄看看有沒有上傳空間可以上傳網頁看看吧 @@ 01/28 17:54
code如下: <html> <head> <title>chippclass</title> <meta http-equiv="Content-Type" content="text/html" charset="UTF-8"> <style type="text/css"> li:hover { text-decoration:underline; background-color:#FFFF00; font-weight:bold } </style> </head> <body> <ul class="dropdown"> <li><a href="#">壹</a></li> <li><a href="#">貳</a></li> <li><a href="#">参</a></li> </ul> </body> </html> 因為我很久沒用網頁空間了,都沒在建個人網頁 檔案暫時先放到 http://www.badongo.com/file/20065002
superpai:IE8有支援 可能你IE8在IE7模式 01/28 17:55
IE8在IE7模式?這個我沒聽過,可以從IE上看出來嗎?
Kelunyang:IE7相容模式啟動的時候網址列右邊有破掉的網頁 01/28 18:07
Kelunyang:不過建議還是繼續用JS吧,IE6 user太龐大了XD 01/28 18:07
感謝建議,不過如果需求是只針對IE8使用者 改寫成 css 是比較好的嗎?
robert38:加上html版本宣告就沒問題了 01/28 18:18
robert38:http://zh.wikipedia.org/zh-tw/HTML 檔案型式描述 01/28 18:23
文章我看完了,他提供了三種檔案型式描述,我採用第一種 li:hover 的問題解決了 看來問題就是這邊了,感謝
chph:請加Doctype... 你這樣的寫法會讓IE進入相容模式, 自然不支援 01/28 22:15
chph:在IE8按鍵盤的F12可以檢查是使用何種模式 01/28 22:17
chph:有三種瀏覽器模式以及三種文件模式可選, 請確認都選IE8 01/28 22:17
這個回答看起來跟樓上應該是指相同的東西? 感謝解說 因為自學過來的所以很多東西的細節設定都不是很清楚 通常是土法煉鋼程式碼打上去實測,有用就有用,沒用就再改 完全沒想到問題是出在 css 以外的 code 總之這個問題解決了,感謝回答的各位 <(__"__)> ※ 編輯: chippclass 來自: 122.116.65.211 (01/29 12:21)