фоновое изображение не растягивается должным образом

-1

страница можно посмотреть в прямом эфире здесь: http://tmstaging.cloudapp.net:88/en/my/news/sample-great-food-and-tasty-celebrities-with-astro-bella-new-show-taste-selebriti фоновое изображение не растягивается должным образом

Проблема находится на первом участке карусельного две колонки. Я проверил мой CSS, что если я удалил эту строку кода:

background-position: center center !important;

С ниже класса:

.promo-content .banner .slides > li

Фоновые изображения будут показывать правильно. Но я не уверен, что это эффективное решение. Также при изменении размера до размеров таблеток - правый столбец короче левого столбца. Как сохранить для этих двух столбцов одну высоту?

Любая помощь будет принята с благодарностью

источник

2016-10-12 rory-h

Я думаю, что это прекрасно, чтобы удалить 'background-position', поскольку он делает' background-size' выглядят очень странно. И если вы удалите «background-position», тогда не будет необходимости «важна» в «background-size». Пожалуйста, не используйте 'important' чрезмерно, так как это сильно смутит вас, когда размер проекта будет расширяться; и вам нужно будет запомнить места, где используется «important». – Pankaj

Я думаю, что это лучше для вас.

.promo-content .banner .slides > li { 
     min-height: 385px; 
     background-position: center center !important; 
     background-size: auto 100% !important; 
    background-repeat: no-repeat !important; }

источник

2016-10-12 05:08:39 Hit

фоновое изображение не растягивается должным образом

ответ

Смежные вопросы