菜单向上滑动,留下IE中的空白

时间:2013-08-19 21:22:39

标签: css internet-explorer

After sliding up, there is a gap underneath

The code is here. Chrome and Firefox work well: http://jsfiddle.net/cAU9T/4/

它只发生在IE中。但IE的所有版本...... 有什么想法吗?

1 个答案:

答案 0 :(得分:1)

这是渲染阴影的IE故障。作为一种解决方法,您可以在阴影元素下方放置一个元素,以按照此答案的建议强制重绘阴影区域:IE 9 and 10 box-shadow on resizing element

您的UL绝对定位,因此当高度变化时不会被推动。您可以通过向UL本身添加伪元素来解决问题:

ul.division:after { content: " "; display:block; height:15px; width:100%;}

更新了您的小提琴 - http://jsfiddle.net/cAU9T/5/