CSS背景图像适合div
可能重复:
拉伸和缩放CSS图像背景 - 仅限CSS
我想设置div背景图像div(宽度:1000,最小高度:710),图像尺寸是753 x 308我试图设置它图像不适合div大小我应该怎么做?
.Invitation {
background-color: transparent;
background-image: url('../images/form.png');
background-repeat: no-repeat;
background-position: left top;
background-attachment: scroll;
background-size: 100%;
width: 1000px;
height: 710px;
margin-left: 43px;
}
div类是
.content {
clear:both;
width:1000px;
background:#e7e8e9;
background-image:url('../images/content.jpg');
background-repeat:no-repeat;
background-position:left top;
min-height:710px;
}
和代码是
<div class="content"><div class="Invitation">form goes here....</div></div>
尝试这样的事情:
CSS
<style type="text/css">
img.adjusted {
position: absolute;
z-index: -1;
width: 100%;
top: 0;
left: 0;
}
.Invitation {
position: relative;
width: 1000px;
height: 710px;
margin-left: 43px;
}
</style>
HTML
<div class="Invitation">
This is an example
<img src="http://files.myopera.com/arshamr/albums/612249/Nature%20(3).jpg" alt="" class="adjusted">
</div>
我希望这有帮助!
链接地址: http://www.djcxy.com/p/89209.html