Question

有...

#logoWrapper{
  background-image: url(../image/bg_img.jpg);
  height:86px;
  width:100%;
  }

Q＆GT;如何修复图像的大小自动进入#logoWapper与Wapper相同？

#logoWrapper img{       // not work
  height:86px;
  width:100%;
  }

谢谢！

Answer 1

对于CSS3中的背景图像，如果要拉伸不重复，可以使用background-size: 100%;

此处记录http://webdesign.about.com/od/styleproperties/p/blspbgsize.htm

或者，您可以在相对定位的div内层叠绝对定位图像，并添加其他包装。

<style>
#wrapper {
position:relative;
...
}
#wrapper div, #wrapper img {
position:absolute;
top:0px;
left:0px;
...
}
</style>

<div id="wrapper">
<img ... >
<div> this goes on top of image</div>
</div>

CSS图片大小？

1 个答案: