CSS懸停和IE8的問題

我遇到了IE 8的問題。
我在頁面上有兩個表格單元格，我不希望下面的'懸停'代碼可以工作（它們有文本而不是鏈接）。
細胞在div transbox
我加了上面的'stopcellhover'來完成這個。
它可以在所有瀏覽器中正常工作（因此不保留懸停效果和不透明度並且文本可見），但IE 8不可用。
如果我將鼠標懸停在IE 8的2個單元格上，我將＃666666背景顏色作爲懸停文本有時候在那裏，有時候不是。
我知道有一個更好的方法來做到這一點，任何幫助將不勝感激。
CSS懸停和IE8的問題

<style type="text/css"> 
td#nav {margin: 0 0 0 0;} 
td.hover, td:hover { position: relative; z-index: 599; cursor: default; background:#1D1D34; } 
td:hover > td { visibility: visible } 
.stopcellhover:hover 
{ 
background-color: #666666; 
} 
div.transbox 
{ 
width:860px; 
height:450px; 
margin:50px 50px; 
background-color:#666666; 
opacity:.85; 
filter:alpha(opacity=85); 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
-moz-opacity:.85; /* ff lt 1.5, netscape */ 
-moz-border-radius:10px; 
border-radius:10px; 
text-align:center; 
} 
</style>

感謝保羅

來源

2013-01-18 user1991547

打開一個[小提琴]（http://jsfiddle.net/），所以我們可以看到它的行動 –

你爲什麼要應用:hover到td擺在首位？我認爲你應該只適用於a。只需將它們顯示爲塊即可填滿整個td。

這樣你就不需要爲特殊情況重寫你的css代碼並向td添加類來防止它們顯示懸停效果。

另外:hover在傳統瀏覽器中的非a標籤（如td）上支持不好。如果你真的設置了小提琴，我會很樂意證明我的意思。

來源

2013-01-18 20:00:39 Pevara

這將工作，謝謝:) – user1991547

CSS懸停和IE8的問題

回答

相關問題