[問題] IE8不支援 li:hover ? 若是純css無法解 …
痾，大家好，其實我沒有寫網頁很久了
最近有點時間又研究一下
感覺這幾年的斷層讓我落差很大
在以前做一些按鈕或是選單的控制
主要是以 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
所以很多都是自以看書查網路自學的
在一直看到強調內容和樣式分開製作的現今環境
一直在思考也許該從根本改變我以前學的模式和寫網頁相關語法的習慣？
（以前是ＩＥ可以跑就不管他了，code也是滿雜的）
在此感謝你看完本文並回答
推
01/28 17:29, , 1F
01/28 17:29, 1F
li a:hover 是可以運作沒錯，但是因為不是每個項目都會放 <a>
所以可能不能採用此方法 @@
推
01/28 17:35, , 2F
01/28 17:35, 2F
剛剛又去確認了一次
IE版本是8
滑鼠在那邊晃來晃去就是沒反應...
推
01/28 17:53, , 3F
01/28 17:53, 3F
→
01/28 17:54, , 4F
01/28 17:54, 4F
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
推
01/28 17:55, , 5F
01/28 17:55, 5F
IE8在IE7模式？這個我沒聽過，可以從IE上看出來嗎？
推
01/28 18:07, , 6F
01/28 18:07, 6F
→
01/28 18:07, , 7F
01/28 18:07, 7F
感謝建議，不過如果需求是只針對ＩＥ８使用者
改寫成 css 是比較好的嗎？
推
01/28 18:18, , 8F
01/28 18:18, 8F
→
01/28 18:23, , 9F
01/28 18:23, 9F
文章我看完了，他提供了三種檔案型式描述，我採用第一種
li:hover 的問題解決了
看來問題就是這邊了，感謝
推
01/28 22:15, , 10F
01/28 22:15, 10F
→
01/28 22:17, , 11F
01/28 22:17, 11F
→
01/28 22:17, , 12F
01/28 22:17, 12F
這個回答看起來跟樓上應該是指相同的東西？
感謝解說
因為自學過來的所以很多東西的細節設定都不是很清楚
通常是土法煉鋼程式碼打上去實測，有用就有用，沒用就再改
完全沒想到問題是出在 css 以外的 code
總之這個問題解決了，感謝回答的各位 <(__"__)>
※ 編輯: chippclass 來自: 122.116.65.211 (01/29 12:21)