css – 调整大小元素的IE 9和10 box-shadow

前端之家收集整理的这篇文章主要介绍了css – 调整大小元素的IE 9和10 box-shadow前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
http://jsbin.com/ararar/5/edit

TL;博士
以上链接是下面进一步描述的问题的快速示例.单击li:s将其删除,并在IE9或IE10中查看渲染故障.

在我的团队正在构建的应用中,我们有一个搜索结果框,根据匹配的数量改变高度.元素应用了一个Box-shadow.当盒子变小时,问题出在IE9和IE10中.似乎IE将“忘记”关于盒子阴影,并且只重新渲染元素的内部部分.盒子阴影仍将呈现在已调整大小的元素的底部,但阴影的副本通常会保留在元素调整大小之前渲染的位置.

如果有任何方法可以解决这个问题,那么任何信息都将非常受欢迎.

解决方法

(我意识到这个答案有点晚了,但我认为值得记录一个有效的解决方案/解决方法.)

我最近遇到了类似的问题.解决方案似乎是添加一个额外的< div>带有框阴影的标签下面的标签.确保这两个< div>之间没有边距,并且高度至少与底部阴影的高度一样高,宽度与阴影一样宽.这似乎迫使IE重新绘制当底部< div>时阴影所在的区域.向上移动

在您的情况下,我使用框阴影将左右边距添加到< div>以及添加“shadow-fix”< div>.你可以在这里看到新版本:
http://jsbin.com/ararar/51/edit

希望能帮助你或其他人.

猜你在找的CSS相关文章