фоновое изображение не будет отображен на всей странице

Привет У меня есть проблема с моим Wordpress сайта - я использовал этот CSS, чтобы изменить цвет фона страницы:фоновое изображение не будет отображен на всей странице

.стр-ID-689 #primary { фон: URL ('http://www.gamekey.sk/wp-content/uploads/2015/09/thief-totalne.jpg') центр центра нет-повторить! Important;

-webkit-background-size: cover! Important;

-moz-background-size: крышка! Important;

-o-background-size: крышка! Important;

background-size: cover !important; 

min-height:100% !Important;

}

проблема заключается в том, что фон не будет отображен на всей странице (Скриншот).

Я уже пробовал:

.стр-ID-287 #page_wrapper {высота: 100% важно; margin: 0px auto; }

HTML, тело {высота: 100%}

я также попытался установить мин-высоту до 100% - не будет работать

!!! проблема решена, когда я устанавливаю высоту 1200px в #primary, но также вызывает огромные проблемы при более низких разрешениях. Может кто-то помочь мне с этим ?

источник

2015-10-05 RJq

Может ли быть объектом сноска на дне? Вы проверили источник? – Hozikimaru

, используя 100%, делает его 100% контейнера, внутри которого он находится, поэтому, если этот контейнер не равен 100% ширины страницы, изображение не будет равно – Jesse

. Трудно диагностировать, не видя фактической страницы.Для всех, кого мы знаем, на этой странице есть что-то еще, что не позволяет ей расширяться дальше. –

Вы должны установить высоту всех элементов контейнера до 100% вплоть до элемента HTML http://prntscr.com/8o41id

источник

2015-10-05 19:46:49

это сработало отлично. Спасибо – RJq

background-size: cover; охватывает размер контейнера. Глядя на ваш сайт, #primary id будет только размером с контент внутри него. Если вы хотите, чтобы он имел ту же высоту, что и изображение, поэтому он охватывает всю страницу, вам нужно установить фактическое значение высоты. Попробуйте добавить height: 802px;, и он исправит его, так как это высота изображения.

Если вы хотите более изящное решение добавить это к телу:

body { 
    background: url('http://www.gamekey.sk/wp-content/uploads/2015/09/thief-totalne.jpg') no-repeat center center fixed; 
}

И удалить background-color из .st-content.

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

Больше информации на фоне размера можно найти здесь: http://www.w3schools.com/cssref/css3_pr_background-size.asp

источник

2015-10-05 19:43:01

фоновое изображение не будет отображен на всей странице

ответ

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