jQuery UI Accordion - 幻灯片效果后的Internet Explorer丑陋的盒子阴影

Question

有人能告诉我，如何避免Internet Explorer中丑陋的盒子阴影？手风琴关闭后，父DIV的盒子阴影会产生难看的效果。

它只发生在绝对定位的父DIV上：

JavaScript：

  

$（function（）{        $（“＃accordion”）。accordion（{            heightStyle：“content”，            可折叠的：是的，            active：false        }）; }）;

CSS：

  

手风琴{

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

这是一个小提琴（请在Internet Explorer中打开）

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

Answer 1

我很遗憾地说，但删除了IE浏览器的盒子阴影效果（在#accordion上）（我猜，只有IE9或更少）。 IE浏览器不是一个很好的浏览器来操纵具有“现代”效果的动画（即使在css上使用filter属性）。我建议您使用渐进增强（或优雅降级）之类的东西，并使用此浏览器的旧版本减轻压力。

Answer 2

似乎是一个浏览器错误，但是如果你在CSS中指定一个height值，则丑陋的阴影效果会消失：

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