將圖像拉伸到視口的100％

我爲使用html和css的android應用程序製作了一個簡單的佈局。洞頁有一個背景圖像，但我沒有宣佈它爲：將圖像拉伸到視口的100％

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>

我的CSS如下：

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

所以現在回到我的實際問題，圖像不是拉伸到視口的100％，而是它具有其自身寬度的100％，這意味着大約200px！但是我想把它全部放在頁面上！謝謝！

來源

2013-05-18 Em Sta

你定身寬？ –

不！我一定要嗎？ –

這是監守有沒有這樣的事情.image

你應該試試這個

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

來源

2013-05-18 09:02:47 iConnor

將圖像拉伸到視口的100％

回答

相關問題