2011-07-02 8 views
2

あり...CSSイメージサイズ?

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

Q>どのように自動的にそのWapperと#logoWapper同じに入る画像のサイズを修正するには?

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

ありがとうございました! CSS3で背景画像については

+0

私は#logoWrapperのIMGが#logoWrapper内のすべてのタグは何のCSSの背景画像は影響を受けません..therefore影響することを追加したい完全なクラスCSS – kheya

+0

を投稿してください。このような場合は、imgタグを使用するのが最善の方法です。 – Joonas

答えて

2

あなたがここにhttp://webdesign.about.com/od/styleproperties/p/blspbgsize.htm

代わりにあなたは相対的な位置のdiv内の絶対位置する画像をレイヤーおよび追加のラッパーを追加することができます文書化background-size: 100%;

を使用することができ繰り返さないストレッチしたい場合。

<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> 
+0

#logoWrapper { 背景画像:url(../ image/bg_img.jpg); 身長:86px; 幅:100%; background-size:100%; } ありがとうございます!あなたはこのような意味ですか? .... – SoonYeoung

+0

それは現代のブラウザのためのコーディングであろう...代替は最後の10年のブラウザ(名前の名前ではない)のためである。 – Wayne

+0

@ SuoonYeoung:w3schoolsによると:「background-sizeプロパティはIE9 +、Firefox 4+、Opera、Chrome、Safari 5+でサポートされています。これをすべてのブラウザで機能させたい場合は、Wayneが示唆するようにdivの代わりにimgを使用する必要があります。 – Pianosaurus