我在样式标签中使用背景图像。
<style> body { background-image: url("img.jpg"); background-size: cover; transition: background-image 4s linear; } </style>
我希望图像淡入,而无需在页面上添加单独的 div。可以实现这个目标吗?
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
是的,这是可能的。您可以这样做。
这是一个仅使用 CSS 的方法。但是,有一个警告,CSS 无法等待事件,因此它无法知道整个网站何时加载。
相反,在此代码段中,它会等待 1 秒,然后开始引入位于主体的 before 伪元素上的背景图像。