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

Question

有人可以告诉我，如何避免 Internet Explorer 中丑陋的盒子阴影？手风琴关闭后，父 DIV 的 box-shadow 具有丑陋的效果。

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

JavaScript：

$(function() { $( "#accordion" ).accordion({ heightStyle: "content", collapsible: true, active: false }); });

CSS：

手风琴{

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

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

我很抱歉，但删除了 IE 浏览器的框阴影效果（在#accordion 上）（我猜，只有 IE9 或更低版本）。IE 不是一个很好的浏览器来操纵具有“现代”效果的动画（即使在 css 上有 filter 属性）。我建议您使用渐进式增强（或优雅降级）之类的东西，并且在使用旧版本的浏览器时压力较小。