Question

我的图片保存在同一文件夹树或任何被称为我的网页的图片中，并且不会加载。这可能是非常简单的事情，但我无法弄清楚。任何提示都将不胜感激。

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML     4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta content="text/html; charset=ISO-8859-1"
    http-equiv="content-type">
    <title>website</title>
    <style type="text/css" media="screen, print, projection">

    body{
         background-image:url('C:\Users\blah\Desktop\webdesign\randompicture.png');
    }


    </style> 
    </head>
    <body>
    </body>
    </html>

Answer 1

而不是C:\Users\blah\Desktop\webdesign\randompicture.png'

如果您的htm文件位于webdesign文件夹中，请使用相对路径randompicture.png

使用background-image: url(randompicture.png);

如果html文件在桌面上

使用background-image: url('./webdesign/randompicture.png');

Answer 2

尝试使用相对路径，如果您的图片与html文件位于同一目录中，只需写下：

background-image: url(randompicture.png);

此外，您不需要CSS的url()表示法中的撇号。

如果将规则放入单独的CSS文件中，则路径应该相对于CSS文件而不是HTML。

Answer 3

如果图像位于同一文件夹中，请使用：

body
{
   background-image: url('randompicture.png');
}

为什么我的图片不显示？

3 个答案: