Background-size в Firefox: почему не работает свойство contain?

Question

[einse]

Хочу, чтобы фоновое изображение помещалось в окно браузера, вплотную, с сохранением пропорций. Написал такой код:

body
		{
			background-image:url('theme-1.jpg');
			background-repeat:no-repeat;
			background-size:contain;
		}

В Chromium всё работает как надо, а в Firefox нет: изображение получается очень маленькое.

Как это исправить?

Comments

[Виталий Желтяков]

Что говорит инспектор?

[einse]

@VitaZheltyakov А что он должен говорить?

[Виталий Желтяков]

@einse Инспектор должен показать используется ли contain, если не используется, то почему

[einse]

@VitaZheltyakov Используется.

[einse]

Вот сайт: diz.net.ru

Answer 1

[Виталий Желтяков]

Инспектор кода говорит, что у Вас страница схлопывается body:height: 0px. Соответственно установите высоту body и научитесь пользоваться инспектором кода.

Answer 2

[Евгений Низамиев]

-moz-background-size попробуйте это свойство

Comments

[einse]

А куда его: до, после или вместо? Все три пробовал: безуспешно. Есть другой способ?

[Евгений Низамиев]

[Евгений Низамиев]

Надо прописать
html,body{
min-height: 100%;
min-width: 100%;
}

Answer 3

[Константин Величко]

Попробуйте через js, гарантированно работает везде
srobbin.com/jquery-plugins/backstretch