如何防止Internet Explorer / Edge中的背景图像闪烁?

时间:2017-08-31 09:33:50

标签: internet-explorer background-image css-transitions microsoft-edge flicker

我有一个带有简单转换的粘性标题的网页 - 当页面向下滚动时,标题会缩小其大小。徽标是带有背景图像的锚标记。问题是当您向下滚动并且标题缩小时,您会看到徽标图像在缩小之前闪烁。这仅在Internet Explorer(最新)和MS Edge(最新)中发生。以下是该页面的链接:http://flatrockoutsourcing.com/

1 个答案:

答案 0 :(得分:1)

我找到了原因 - 当页面向下滚动并且标题获得额外的类时 - 我正在更改徽标尺寸(宽度和高度)并且从原始尺寸到固定标题尺寸的过渡导致闪烁标志。因此,不是这样做,而是保留尺寸并仅为某些较低分辨率调整尺寸。虽然它不一样,但是现在的徽标保持相同的宽度和宽度。固定标题的高度以及当您位于页面顶部时

找到解决方案 - 可以使用transform: scale();属性

来实现此行为