gpt4 book ai didi

internet-explorer-9 - 调整元素大小的 IE 9 和 10 box-shadow

转载 作者:技术小花猫 更新时间:2023-10-29 11:05:58 25 4
gpt4 key购买 nike

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

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

在我的团队正在开发的一款应用中,我们有一个搜索结果框,它的高度会根据匹配项的数量而变化。该元素应用了一个盒子阴影。问题出在 IE9 和 IE10 中,当框变小时。似乎 IE 会“忘记”盒子阴影,只会重新渲染元素的内部部分。 box-shadow 仍将呈现在调整大小的元素的底部,但阴影的副本通常会留在元素调整大小之前呈现的位置。

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

最佳答案

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

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

与 jQuery 中的动画高度完美配合,在动画期间重绘,而不仅仅是在结束时重绘。感谢 Andy 让我走上正轨!

关于internet-explorer-9 - 调整元素大小的 IE 9 和 10 box-shadow,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14703099/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com