Comment empêcher le scintillement de l'image d'arrière-plan dans Internet Explorer/Edge?

Question

J'ai une page web avec en-tête collant avec une transition simple - quand la page est défilée, l'en-tête rétrécit sa taille. Le logo est une balise d'ancrage avec background-image. Le problème est lorsque vous faites défiler vers le bas et l'en-tête se rétrécit, vous voyez le scintillement de l'image du logo avant qu'il ne se rétrécisse aussi. Cela se produit uniquement dans Internet Explorer (dernière version) et MS Edge (dernière version). Voici le lien vers la page: http://flatrockoutsourcing.com/

Answer 1

J'ai trouvé la raison - lorsque la page défile vers le bas et en-tête obtient la classe supplémentaire - je changeais les dimensions du logo (largeur & hauteur) et le passage de l'original Les dimensions de l'en-tête fixe ont provoqué le scintillement du logo. Donc, au lieu de le faire, je garde les dimensions et ne les redimensionne que pour certaines résolutions plus basses. Ce n'est pas la même si, le logo maintenant rester avec la même largeur & hauteur pour en-tête fixe et quand vous êtes en haut de la page

trouvé la solution - le comportement pourrait être réalisé en utilisant la propriété transform: scale();