css - 如何使用 css 设置图像（背景图像属性）？

Question

我需要知道如何使用 background-image 属性在 CSS 中设置背景图像。

图像无法在浏览器中显示。我不知道是什么原因，但我的文件图像路径来自桌面，但我应该使用 ../ 来设置，但它不会出现。任何人都知道这个请帮助设置这个问题

Answer 1

据我了解，您的代码如下

.copy{ background-image: url("../sample/wp-content/uploads/gif/banner_12.png") right center no-repeat; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 

}

在您的background-image声明中，您应该只包含图片网址。相反，您包括right centerwhich is thebackground-position和no-repeatwhich isbackground-repeat

要么你像这样分别写所有的样式

.copy{
    background-image :url("../sample/wp-content/uploads/gif/banner_12.png")
    background-repeat:no-repeat;
    background-position:right center;
    background-size: cover;
}

可选地包括背景附件（默认为滚动）和背景颜色（默认为透明）

要么你像这样在一个声明中写它们

.copy {
    background:url("../sample/wp-content/uploads/gif/banner_12.png") no-repeat right center / cover 
}