IE 9 和 10 调整元素大小时的框阴影

2023-12-30

http://jsbin.com/ararar/5/edit http://jsbin.com/ararar/5/edit

tl;dr上面的链接是下面进一步描述的问题的快速示例。单击 li:s 将其删除,然后查看 IE9 或 IE10 中的渲染故障。

在我的团队正在构建的应用程序中,我们有一个用于搜索结果的框,其高度根据匹配的数量而变化。该元素应用了一个盒子阴影。问题出在 IE9 和 IE10 中,当框变小时。看起来 IE 会“忘记”盒子阴影,而只重新渲染元素的内部部分。盒子阴影仍将渲染在调整大小的元素的底部,但阴影的副本通常会保留在元素调整大小之前渲染的位置。

如果有任何方法可以解决这个问题,任何信息将不胜感激。


我从 Andy 那里得到了解决方案,但我没有在标记中放置一个空元素,而是简单地在父元素上添加一个空的 CSS 伪元素(带有阴影的元素,not调整大小的元素)。

.shadowed-element:after { content: ""; }

与 jQuery 中的动画高度完美配合,在动画过程中重新绘制,而不仅仅是在最后。感谢安迪让我走上正轨!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

IE 9 和 10 调整元素大小时的框阴影 的相关文章