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 center background-position和no-repeat background-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 
}

如何使用css（background-image属性）设置图像？

1 个答案: