有人可以告訴我，如何避免在Internet Explorer中醜陋的盒子陰影？手風琴關閉後，父母DIV的盒子陰影有一個醜陋的效果。jQuery UI手風琴 - Internet Explorer醜陋的盒子陰影后幻燈片效果

它只是發生在一個絕對定位的父DIV：

中的JavaScript：

$（函數（）{$ （「#accordion」）.accordion（{ heightStyle：「內容「， collapsible：true， active：false }）;}）;

的CSS：

手風琴{

box-shadow: 0 4px 8px #999; 
position:absolute; 
width:400px; }

這裏是一個小提琴。（請在Internet Explorer中打開）

http://jsfiddle.net/9s5bb/1/

來源

2013-10-10 xela84

對不起說，但是刪除IE瀏覽器（我猜，只有IE9或更少）的盒子陰影效果（#accordion）。 IE不是一個很好的瀏覽器來處理具有「現代」效果的動畫（即使在css上使用filter屬性）。我建議你使用漸進式增強（或優雅降級）之類的東西，並減輕舊版瀏覽器的壓力。

來源

2013-10-10 13:35:42

謝謝你的評論。我們的客戶使用IE9。所以我創建了CSS3的漸變圖片和SVG圖片的漸變圖片。我認爲IE9是一個「更多」的現代瀏覽器。但醜陋的影響仍然在IE 10 :( – xela84

似乎是一個瀏覽器錯誤，但如果你在你的CSS指定height值醜陋的陰影效果消失：

http://jsfiddle.net/9s5bb/7/

來源

2013-10-10 14:06:22

是的，父母的固定高度將解決這個問題。不幸的是，我已經把Superfish導航和手風琴混合在一起了，所以我不能使用固定的高度，因爲彈出導航是動態的，我已經更新了小提琴，所以你可以看到我是如何將Superfish導航與3級的手風琴混合在一起的：http://jsfiddle.net/9s5bb/11/ – xela84

jQuery UI手風琴 - Internet Explorer醜陋的盒子陰影后幻燈片效果

手風琴{

回答

相關問題