css - GIF 背景图像未出现在我的页面上

Question

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

CSS

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

我已确保 GIF 名称准确无误，但图像未出现在页面背景中。有人可以帮忙吗？

标签： cssbackground-imagegif

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 */
}

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