IE9中的陰影bug

如果你看this page上的主要導航菜單，你會發現我在a：hover上使用陰影，但是在IE9中，陰影是越野車 - 它並不總是顯示，並且經常在懸停不再活動後仍然存在。我想要修復它，或者只在IE中擺脫陰影。IE9中的陰影bug

我的CSS是：

#menu a { 
    color:#fff; 
    padding-top:10px; 
    padding-right:10px; 
    padding-left:10px; 
    text-decoration:none; 



} 

#menu a:hover { 

background:#e58f56; 
border-top: 0px solid transparent; 
border-bottom: 10px solid transparent; 
border-left: 10px solid #bbb2b1; 
border-right: 0; 
border-top-right-radius:5px; 
border-bottom-right-radius:5px; 
-webkit-box-shadow: #888 4px 4px 4px; 
-moz-box-shadow: #888 4px 4px 4px; 
box-shadow: #888 4px 4px 4px; 



}

任何想法？

來源

2011-10-24 Findo

add -ms-box-shadow（繼續並添加-o-box-shadow） – albert

IE9使用標準的'box-shadow'屬性，所以不需要'-ms-box-shadow'（事實上，我不確定是否存在前綴版本，因爲IE直到版本9才支持box-shadow）。 – daGUY

我剛剛將上面的代碼放到了js小提琴中，它在IE9中運行正常！必須與「餡餅」有關才能解決您的問題。也許嘗試刪除它並進行檢查。

你試圖的效果肯定是'能夠'在IE9 ..不要放棄:)！

來源

2011-10-24 15:34:28 Brad

'餡餅''js小提琴'？ – Findo

你確定影子根本沒有顯示嗎？ IE9的實現box-shadow呈現其他瀏覽器所做距離的一半左右（我實際上發佈了一個關於該here的問題）。對於較低的值，IE9的渲染可能非常輕微，您不會注意到它。就像測試一樣，嘗試讓模糊半徑大得多以查看它是否出現在IE9中。

來源

2011-11-12 19:59:42 daGUY

嗨，是的，它有時會顯示，並且經常在鼠標脫落後仍然存在... – Findo

我沒有看到任何理由，爲什麼它不會按照您設置的方式工作。也許嘗試在'#menu a'聲明中添加'box-shadow：none;'？ – daGUY

如果你沒有看到DropShadow，可能是你的IE9處於兼容性視圖模式。儘量明確設置你的網頁與IE9的compatibiltiy一些代碼，如：

<meta http-equiv="X-UA-Compatible" content="IE=8; IE=9; IE=10; IE=11" />

在網頁的標題，調用任何的CSS之前。

來源

2014-03-14 08:38:26 Franky

IE9中的陰影bug

回答

相關問題