Как установить изображение с помощью CSS ( background-image свойство)?

Question

Мне нужно знать, как установить фоновое изображение в CSS, используя свойство background-image.

Изображение не может отображаться в браузере. Я не знаю, в чем причина, но мой путь к файлу изображения с рабочего стола, но я должен использовать../ использовать для установки, но ничего не появится. Может кто-нибудь знает, пожалуйста, помогите решить эту проблему

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;
}

по желанию можно включить background-attachment (по умолчанию используется прокрутка) и background-color (по умолчанию прозрачный)

Либо вы пишете их в одном объявлении, как так

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