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%、つまり約 200px を持っています! しかし、私はそれをページ全体に広げたいです! ありがとう！

4

1 に答える 1

1

なんてことは無いですからね。.image

これを試してみてください

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