正しいフォルダに画像がありますが、画像の上にテキストボックスを追加したいのですが、画像を背景画像にするのが最善の方法だと言われましたが、チュートリアルに従ったときに表示されませんでしたか?とにかくここに私のhtmlがあります
<div class="module">
<h2>blah blah</h2>
</div>
と私のCSS
.module {
margin: 10px;
width: 1530px;
height: 717px;
display:block;
background: url('C:\Users\Jason\Desktop\champions\images\shop.png');
background-size: cover;
position: relative;
}
h2 {
position: absolute;
bottom: 100px;
left: 100px;
background: rgba(0, 0, 0, 0.75);
padding: 4px 8px;
color: white;
margin: 0;
font: 14px PTSans;
}
画像は画面の全幅であるため、ブートストラップでコンテナ流体を使用しており、テキストボックスは画像の中央に表示されます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加