CSS圖像大小？

有...CSS圖像大小？

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

Q>如何修復圖像的尺寸進入#logoWapper其Wapper一樣自動？

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

謝謝！

來源

2011-07-02 SoonYeoung

請張貼完整的類CSS – kheya

我想補充一點，#logoWrapper IMG影響內部#logoWrapper所有標籤..therefore沒有CSS背景圖片會受到影響。在這些情況下，使用img標籤很可能是最好的選擇。 – Joonas

對於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>

來源

2011-07-02 18:15:45 Wayne

#logoWrapper { background-image：url（../ image/bg_img.jpg）; height：86px; 寬度：100％; background-size：100％; } 謝謝！你是這個意思嗎？但不起作用.... – SoonYeoung

這將是現代瀏覽器的代碼...替代是過去十年的瀏覽器（不命名）。 – Wayne

@SoonYeng：根據w3schools的說法：「IE9 +，Firefox 4 +，Opera，Chrome和Safari 5+支持後臺大小的屬性。」如果你想讓它在所有的瀏覽器中都能正常工作，你應該在div裏面使用一個img，就像Wayne所說的那樣。 – Pianosaurus

CSS圖像大小？

回答

相關問題