如何使用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聲明中，您應該只包括圖像的URL。相反，你包括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 
}