Размер фона не работает на mozila

Я хочу отправить фоновое изображение тела с полной шириной, и я сделал это с вашими предыдущими вопросами и ответами, но у меня возникла проблема с браузером mozila, изображение не задано с полной шириной. Это мой код, который я пишу в файл CSS ..Размер фона не работает на mozila

background-image: url("/images/newimages/loginimage.jpg"); 
background-position: center top; 
background-repeat: no-repeat; 
background-size: 100% 100%;

Это отлично работает на Chorme браузера, но не работает на Mozila я не то, что происходит не так с моим кодом.

Это ссылка для проверки http://officemachine.mobi/login/index.php проверить эту ссылку в браузере.

источник

2015-03-13 Prabhash Rawat

BTW Знаете ли вы, что этот фон f ***** огромен, и загрузка его занимает 20 секунд? – Beamer

да, я знаю, что это слишком большое изображение, но кто заботится об этом. –

Добавьте следующие свои CSS. Должно сработать.

html{ 
    height:100%; 
}

источник

2015-03-13 10:04:33

Тот же ответ в то же время :) Знаете ли вы, что по какой-либо причине лучше установить его в html, чем на теле? –

да! несколько раз, если у вас нет контента, который не займет 100% от высоты тела, он будет растягиваться только до высоты содержимого. установка высоты html до 100% займет всю высоту браузера. –

Да, но я имею в виду - есть ли разница в размере 100% на html или на элементе body? Я обычно не устанавливаю css на html, потому что это документ, и он просто не чувствует себя хорошо. –

Это потому, что высота 100% - это высота тела, а тело не такое высокое. Попытайтесь добавить:

body { height: 100%; }

источник

2015-03-13 10:04:56

Размер фона не работает на mozila

ответ

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