CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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 – 调整大小元素的IE 9和10 box-shadow全部内容,希望文章能够帮你解决css – 调整大小元素的IE 9和10 box-shadow所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。