css background-image插入图片为空白

图片地址没有问题，浏览器没有报错，可以根据地址打开图片，但就是不显示。
代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .test{
            background-repeat:no-repeat;
            background-image:url(likes.png);
            width: 500px;
            height: 500px;
            /* background-color: red; */
        }
    </style>
</head>
<body>
    <div class="test"></div>
</body>
</html>

关闭浏览器然后重新打开试试,我复制你的代码运行是可以显示的.你可以看看是不是路径问题,或者删了重写一下,有时候可以根据地址打开图片并不代表地址一定对.

img

img


经测试是可以的， 应该是图片的问题吧，你在div里面加点内容测试一下

img

没啥毛病，google，firefox，360正常， 图片是网页右击另外出来的吗，或者图片本身格式是gif，强行改png，图片图标在桌面是正常，实际是图片已经被破坏了