Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
css背景图像的第一个变化是一个div,它会闪烁_Css - Fatal编程技术网

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
上设置背景图像,并设置javascript
mouseover
事件来更改背景图像。当我将鼠标移到另一个图像上时,它会变为另一个图像,但当它第一次加载并显示在浏览器中时,它会闪烁。之后,图像将正常更改(无闪烁)。

您需要预加载图像以避免闪烁。使用CSS可以做到:

body::after {
    content: url(preload-me-1.jpg) url(preload-me-2.jpg);
    display: none;
}

但也许你真的需要在鼠标上方改变背景,这样你就不需要预加载了。

老实说,我不知道你的意思,但是你可以用CSS很容易地改变悬停时的图像