有人能告诉我,如何避免Internet Explorer中丑陋的盒子阴影?手风琴关闭后,父DIV的盒子阴影会产生难看的效果 .
它只发生在绝对定位的父DIV上:
JavaScript:
$(function(){$(“#acordord”) . accordion({heightStyle:“content”,collapsible:true,active:false});});
CSS:
手风琴{box-shadow:0 4px 8px#999;
位置:绝对的;
宽度:400像素; }
这是一个小提琴(请在Internet Explorer中打开)
2 回答
我很遗憾地说,但删除IE浏览器的盒子阴影效果(在#accordion上)(我猜,只有IE9或更少) . IE浏览器不是一个很好的浏览器来操纵具有“现代”效果的动画(即使在css上使用filter属性) . 我建议您使用渐进增强(或优雅降级)之类的东西,并使用此浏览器的旧版本减轻压力 .
似乎是一个浏览器错误,但如果你在CSS中指定一个
height
值,那么丑陋的阴影效果会消失:http://jsfiddle.net/9s5bb/7/