2015-06-30 2 views
-1

Мы используем this Wordpress design, и это выглядит хорошо, но мы хотим сделать изображение 100% высоты экрана: т.е. так, чтобы изначально все, что они могут видеть, это «ползунок», прежде чем они смогут прокрутить вниз, чтобы увидеть другой контент. Пример того, как это работает, может быть found here.Как сделать заголовок фона 100% высоты?

Я бы подумал, что это возможно с помощью CSS, но, несмотря на то, что несколько контейнеров имеют высоту 100%, похоже, что это не работает. Какой трюк мне здесь не хватает? Возможно, это связано с размером фона?

+0

Что относительно атрибута размера фона? вы можете дать значения 'auto 100%;', но это CSS3, поэтому IE8 не узнает его – Cheshire

+0

Привет @Cheshire благодарит за предложение. Моя проблема заключается в том, что я не могу решить, какой контейнер разместить это. Я бы подумал, установив высоту контейнера на 100%, а затем сделав фоновый размер: обложка работала бы, но это не так. – SomeGuy

ответ

1

Если вы только care about modern browsers, вы можете использовать окно просмотра единицы:

.your-selector { 
    height: 100vh; 
} 

... но вы не поделили какой-либо код. Это широкий вопрос с множеством возможных ответов.

+0

Извините за недостаток кода - я не был уверен, какую часть поделиться с тем, что он играл с различными контейнерами, которые содержат «ползунок», я не был мудрее. – SomeGuy

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