css - 菜单向上滑动在 IE 中留下空白

Question

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

它只发生在 IE 中。但是所有版本的 IE... 知道吗？

Answer 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/