2013-10-19 276 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”为止,为什么你需要拥有一个绝对的位置? –