为什么我的图片不能显示？

我的图像保存在同一个文件夹树或任何被称为我的网页，并不会加载。这可能很简单，但我无法弄清楚。任何暗示将不胜感激。为什么我的图片不能显示？

<!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>

来源

2011-07-01 javi

尝试使用相对路径，如果你的图片是在相同的目录中的HTML文件，只需写：

background-image: url(randompicture.png);

而且，你并不需要撇号在url()符号CSS的。

如果你把你的规则放到一个单独的CSS文件中，路径应该是相对于CSS文件而不是HTML。

来源

2011-07-01 06:57:05 kapa

谢谢你的工作，我是一个begginer和学习，你可以告诉。顺便说一句，这是在不同的文件夹中，我将如何使用该图像？因为之前的图片是在另一个文件夹中，我使用了完整路径xxx/xxx/xxx/pic.png，它不起作用。 – javi

@javi如果HTML在'webdesign'中，并且图像位于'webdesign/static/images'中，那么您可以只写'url（static/images/randompicture.png）'。 – kapa

如果图像是在同一文件夹，使用：的

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

来源

2011-07-01 06:57:32 Rhapsody

谢谢！如果它位于不同的文件夹中，我将如何使用该图像？因为之前的图片是在另一个文件夹中，我使用了完整路径xxx/xxx/xxx/pic.png，它不起作用。 – javi

总是尝试使用相对路径。当图像位于不同的文件夹中时：background-image：url（'../ your-image.png'）;或background-image：url（'images/your-image.png'）; – Rhapsody

代替C:\Users\blah\Desktop\webdesign\randompicture.png'

使用相对路径，如果你的htm文件是在webdesign文件夹randompicture.png

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

如果html文件在桌面上

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

来源

2011-07-01 06:59:28

为什么我的图片不能显示？

回答

相关问题