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

Question

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

0

Я пытаюсь добиться такого эффекта, как это видно здесь: http://www.createpilates.com/

То, что я пытаюсь сделать, - это иметь "обложку" изображения при загрузке веб-сайта, а затем, если пользователи прокручиваются вниз, содержимое видно.

Обратите внимание, что первое изображение всегда покрывает 100% загруженного экрана, независимо от того, изменяю ли размер окна и т.д.

Может ли кто-нибудь помочь мне с этим? Благодарю!

mstuliglowa 13 дек. 2013, в 01:49

Источник

1

Вы уже пробовали что-нибудь?
Tyler 13 дек. 2013, в 00:34
0

Да, и это сработало, большое спасибо!
mstuliglowa 13 дек. 2013, в 01:13

Теги:

jquery

css3

1 ответ

Ещё вопросы

Да, и это сработало, большое спасибо!

psdpainter · Accepted Answer · 2013-12-12T21-25-00.000Z

Убедитесь, что ваш элемент имеет полную длину и ширину, и вы используете что-то вроде этого:

#element {
    width: 100%;
    height: 100%;
    background: url("yourimage.jpg") no-repeat center center fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="yourimage.jpg", sizingMethod="scale"); 
}