css - CSS仅显示选择性图像？

Question

我的 css 有问题，这真的让我很困惑。基本上，我在样式表中设置了“背景图像：url”，由于某种原因，它不会显示我的文件“form_bg.png”，但刚刚在“1.png”目录中粘贴了一张照片，这会显示出来。无论我尝试什么，我是否重命名文件或类似'form_bg.png'的东西都不会显示？

显然目录路径是正确的，因为它指向“1.png”而不是其他文件。

谁能让我知道为什么会发生这种情况？

谢谢

#main form {
    width: 440px;
    height: 450px;
    background-image: url(assets/img/form/icons.png) no-repeat;
    padding-top: 50px;
}

score 0 · Accepted Answer

我认为该图像不是原始的 png 格式，它可能只是重命名了文件扩展名，因此不会显示该图像以检查是否在 Photoshop 中打开该图像，如果扩展名已更改，则不会打开。

score 0 · Accepted Answer

在背景图像中使用 no-repeat 是不正确的。要在一行中使用它们，请像这样使用“背景”：

background: url('xyz.png') no-repeat;

关于您的问题，请尝试使用图像的绝对路径，如下所示：

background: url('http://www.google.com/images/srpr/logo3w.png');

2 回答 2