css背景图像的第一个变化是一个div,它会闪烁
我在css背景图像的第一个变化是一个div,它会闪烁,css,Css,我在div上设置背景图像,并设置javascriptmouseover事件来更改背景图像。当我将鼠标移到另一个图像上时,它会变为另一个图像,但当它第一次加载并显示在浏览器中时,它会闪烁。之后,图像将正常更改(无闪烁)。您需要预加载图像以避免闪烁。使用CSS可以做到: body::after { content: url(preload-me-1.jpg) url(preload-me-2.jpg); display: none; } 但也许你真的需要在鼠标上方改变背景,这样你就
div
上设置背景图像,并设置javascriptmouseover
事件来更改背景图像。当我将鼠标移到另一个图像上时,它会变为另一个图像,但当它第一次加载并显示在浏览器中时,它会闪烁。之后,图像将正常更改(无闪烁)。您需要预加载图像以避免闪烁。使用CSS可以做到:
body::after {
content: url(preload-me-1.jpg) url(preload-me-2.jpg);
display: none;
}
但也许你真的需要在鼠标上方改变背景,这样你就不需要预加载了。老实说,我不知道你的意思,但是你可以用CSS很容易地改变悬停时的图像