stretch image to 100% viewport

Я сделал простой макет для приложения Android с помощью html и css. Страница отверстие имеет фоновое изображение, но я не сказал, что она:stretch image to 100% viewport

background-image: url(

Потому что так принадлежит моей информации я не могу его в центр? Так что мой следующий план, чтобы сделать простой DIV, который покрывает изображение, как вы можете увидеть здесь:

<body> 
<img src="foto.jpg" class="bg"> 

<div class="oben"> 
<h1>Playing Audio</h1> 

<button onclick="playAudio('test.mp3')">Play Some Audio</button> 
<button onclick="playAudio('test2.mp3')">Play Some Audio2</button> 
</div> 
</body>

Мой КСС следующее:

.image{ 
position: relative; 
width: 100%; 
} 
.oben { 
position: absolute; 
top: 20%; 
left: 0; 
width: 100%; 
}

SO теперь вернемся к моей актуальной проблеме, изображение не растягивается до 100% окна просмотра, а имеет 100% своей ширины, что означает около 200 пикселей! Но я хочу раздвинуть его по всей странице! Благодаря!

источник

2013-05-18 Em Sta

вы установите ширину тела? –

нет! Должен ли я? –

Это becuase нет такого понятия, как .image

Вы должны попробовать это

img.bg{ 
    position: relative; 
    width: 100%; 
}

источник

2013-05-18 09:02:47 iConnor

stretch image to 100% viewport

ответ

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