2013-11-28 48 views
1

我有關於css's背景圖像的痘痘問題:()網址 - 標籤誤用的背景圖像:網址

我有這樣的:

<div id="container"> 
</div> 

在CSS:

#container{ 
    background-image:url('path/to/image'); 
    width: 1000px; 
    padding: 25px; 
    margin: 100px auto 0 auto; 
    min-height: 300px; 
    border:1px solid blue; 
} 

圖片是:
高度:1500px和寬度:3400px。

因此,我得到了顯示在我的「容器」中的圖像的左上角(其餘圖像丟失),我只是想在這個容器中調整圖像的大小,所以它應該是寬度:1000px和身高:300px,你知道我爲什麼有這個bug嗎?

+0

你真的修改您的容器的大小。而不是使用背景圖像,使用img標籤,並修改特定於該元素的CSS。 hyleaus

回答

1

這可能會解決你的問題(插入#container的CSS):

background-size: 100%; 
+0

非常感謝,你對 – user2999787

+1

或background-size:cover; – vals