如何防止Internet Explorer/Edge中的背景圖像閃爍？

Question

我有一個帶簡單過渡的粘性頁眉的網頁 - 當頁面向下滾動時，頁眉縮小其大小。該徽標是具有背景圖像的錨標籤。問題是，當您向下滾動並且標題縮小時，您會看到徽標圖像在縮小之前閃爍。這隻發生在Internet Explorer（最新版）和MS Edge（最新版）中。這裏是頁面的鏈接：http://flatrockoutsourcing.com/

Answer 1

我找到了原因 - 當頁面向下滾動並且頁眉獲得額外的類時 - 我正在更改徽標尺寸（寬度爲&高度）以及從原始到固定的標題尺寸導致標誌閃爍。因此，我不是這樣做的，而是保留尺寸並僅爲某些較低分辨率調整尺寸。它是不一樣的，雖然，標誌現在與寬度相同&高度固定的頭，當你在網頁

找到了解決之巔 - 行爲可以通過使用transform: scale();屬性來實現