Question

我想将GIF文件用作网页上的背景图像，但是当我在CSS中设置样式时，该文件不起作用。

CSS

Body{
 background-image: url("1554323659436.gif");
 background-repeat: no-repeat;
 background-size: 50% 50%;
 content:white;
 width: auto;
}

我已经确保GIF名称正确，但是图像没有出现在页面背景中。有人可以帮忙吗？

Answer 1

希望这个答案会有所帮助。根据我的经验，当文件夹结构定义不正确时，gif图像或一般图像不会出现。请检查用于在html背景中附加gif或任何图像类型的标准格式

body {
 background-image: url("[path_to_image]/1554323659436.gif"); /* The image used */
 background-color: #cccccc; /* Used if the image is unavailable */
 height: 500px; /* You must set a specified height */
 background-position: center; /* Center the image */
 background-repeat: no-repeat; /* Do not repeat the image */
 background-size: cover; /* Resize the background image to cover the entire container */
}

请注意，除第一个属性外，所有其他属性都是可选的。祝你好运！

GIF背景图片未出现在我的页面上

1 个答案: