2

我使用 html 和 css 为一个 android 应用程序做了一个简单的布局。洞页有背景图片，但我没有将其声明为：

 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% 的自身宽度，这意味着大约 200 像素！但我想在整个页面上拉伸它！谢谢！

4

1 回答 1

1

那是因为没有这样的东西.image

你应该试试这个

img.bg{
  position: relative; 
  width: 100%; 
}
于 2013-05-18T09:02:47.940 回答