Размер изображения CSS?

Question

Там ...

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

Q> Как исправить размер изображения, автоматически попадающего в #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>