背景画像がつぶれることなく、使用可能なスペース全体をカバーするようにします。
実際にはそれbackground-size
が目的だと思っていましたが、うまくいかないので何か間違っていると思います。助けてください。
HTML
<div class="myDiv">
<p class="paragraph">Lorem Ipsum</div>
</div>
CSS
body {
background-color: black;
}
.myDiv {
color: white;
background: url('http://upload.wikimedia.org/wikipedia/commons/4/47/PNG_transparency_demonstration_1.png') no-repeat center center fixed;
background-size: cover;
}