【问题标题】：How to prevent background-image flickering in Internet Explorer/Edge?如何防止 Internet Explorer/Edge 中的背景图像闪烁？
【发布时间】：2018-02-09 05:04:01
【问题描述】：
我有一个带有简单过渡的粘性标题的网页 - 当页面向下滚动时，标题会缩小其大小。徽标是带有背景图像的锚标记。问题是当您向下滚动并且标题缩小时，您会看到徽标图像在缩小之前闪烁。这只发生在 Internet Explorer（最新）和 MS Edge（最新）中。这是页面的链接：http://flatrockoutsourcing.com/
【问题讨论】：
标签：
internet-explorer
background-image
css-transitions
microsoft-edge
flicker
【解决方案1】：
我找到了原因 - 当页面向下滚动并且标题获得额外的类时 - 我正在更改徽标尺寸（宽度和高度）并且从原始到固定标题尺寸的过渡导致徽标闪烁。因此，我没有这样做，而是保留尺寸并仅针对某些较低的分辨率调整其大小。但这不一样，现在徽标在固定页眉和页面顶部时保持相同的宽度和高度
找到解决方案 - 可以通过使用 transform: scale(); 属性来实现该行为