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的值设为cover或contain，无关紧要。

Answer 2

试试这个：

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

或者this will help you as well。

Div背景图像消失

2 个答案: