如何在 Internet Explorer/Edge 中防止 background-image 闪烁？
How to prevent background-image flickering in Internet Explorer/Edge?
我有一个带有粘性 header 且过渡简单的网页 - 当页面向下滚动时，header 会缩小其大小。徽标是带有 background-image 的锚标记。问题是当您向下滚动并且 header 缩小时，您会看到徽标图像在缩小之前闪烁。这仅发生在 Internet Explorer（最新）和 MS Edge（最新）中。这是页面的 link：http://flatrockoutsourcing.com/
我找到了原因 - 当页面向下滚动并且 header 获得额外的 class - 我正在更改徽标尺寸（宽度和高度）以及从原始到修复了 header 尺寸导致徽标闪烁的问题。因此，我没有这样做，而是保留尺寸并仅针对某些较低的分辨率调整它的大小。但是不一样，徽标现在固定 header 时保持相同的宽度和高度，当您位于页面顶部时
找到解决方案 - 使用 transform: scale(); 属性
可以实现该行为
我有一个带有粘性 header 且过渡简单的网页 - 当页面向下滚动时，header 会缩小其大小。徽标是带有 background-image 的锚标记。问题是当您向下滚动并且 header 缩小时，您会看到徽标图像在缩小之前闪烁。这仅发生在 Internet Explorer（最新）和 MS Edge（最新）中。这是页面的 link：http://flatrockoutsourcing.com/
我找到了原因 - 当页面向下滚动并且 header 获得额外的 class - 我正在更改徽标尺寸（宽度和高度）以及从原始到修复了 header 尺寸导致徽标闪烁的问题。因此，我没有这样做，而是保留尺寸并仅针对某些较低的分辨率调整它的大小。但是不一样，徽标现在固定 header 时保持相同的宽度和高度，当您位于页面顶部时
找到解决方案 - 使用 transform: scale(); 属性