html - div背景图像消失

Question

您好我正在尝试将图像作为背景添加到 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;

谢谢你。

Answer 1

这应该有效：

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为coveror contain，没关系。

Answer 2

尝试这个：

background:#ffffff url('../Images/IPCC-Tile.jpg') no-repeat center center;

或者也许这也会对您有所帮助。