2013-10-19 187 views
1

嗨我想添加一個圖像作爲背景到一個div。它在窗口最大化時起作用,但是當我改變窗口的大小時,圖像消失。Div背景圖像消失

你能否讓我知道我哪裏出錯了。

background-image: url('../Images/IPCC-Tile.jpg'); 
background-color: #FFFFFF; 
background-repeat: no-repeat; 
background-position: center center; 
position: absolute; 
width: 15%; 
height: 35%; 
top: 30%; 
left: 2%; 
overflow:visible; 

謝謝。

+0

我想問題是與溢出可見,你可以嘗試溢出:隱藏? –

+0

是的,我也試過。仍然不起作用:( – robot

+0

爲什麼你使用背景圖像和背景顏色?我假設如果你刪除背景顏色屬性它可能會解決這個問題。 – MrByte

回答

2

這應該工作:

background-image: url('../Images/IPCC-Tile.jpg'); 
background-color: #FFFFFF; 
background-repeat: no-repeat; 
background-position: center center; 
background-size:contain; 
position: absolute; 
width: 15%; 
height: 35%; 
top: 30%; 
left: 2%; 
overflow:visible; 

background-size值設置爲covercontain,不要緊。

+0

完美它有效謝謝v.much。我可以知道它是如何工作的 – robot

+0

@robot我認真的不'我知道我剛剛猜到了 – mega6382

+0

它對我來說一直工作,直到我使用「position:absolute」爲止,爲什麼你需要擁有一個絕對的位置? –