Фоновое изображение div не будет корректно изменяться - PullRequest
Новая
       4

Фоновое изображение div не будет корректно изменяться

0 голосов
/ 06 июня 2018

У меня проблема с веб-сайтом, над которым я сейчас работаю, фоновое изображение не изменяется для всех мобильных и планшетных устройств.

Вот веб-сайт

Первое изображение после слайдера не будет корректно изменяться, даже если я сделал все, что должен.Я установил его в качестве прикрытия, чтобы он мог правильно растягиваться, но даже после этого у меня проблемы.Я пробовал с разными разрешениями изображения и, наконец, сделал его фоном div, так как я использую WP, я должен был сделать это как параметр raw-html.

В css это выглядит так: 

.vc_row.divbgImg.row-container {
    width: 100%;
    height: 450px;
    background-image: url(https://i.imgur.com/GlIGTxV.jpg);
    background-size: cover;
    background-repeat: no-repeat;   
}
<div class="vc_row divbgImg row-container"></div>

1 Ответ

0 голосов
/ 06 июня 2018

Добавить css: 

background-position: center;

https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

Также убедитесь, что фактический файл изображения имеет размеры, близкие к тому, как он будет отображаться на сайте для достижения наилучших результатов. 

.vc_row.divbgImg.row-container {
    width: 350px;
    height: 450px;
    background-image: url('http://via.placeholder.com/350x150');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
}
<div class="vc_row divbgImg row-container"></div>
...