是什么原因导致css背景图像属性在HTML显示时不显示图像<；img>；是否会显示它而不会出现问题？_Html_Css

是什么原因导致css背景图像属性在HTML显示时不显示图像<；img>；是否会显示它而不会出现问题？

html css

是什么原因导致css背景图像属性在HTML显示时不显示图像<；img>；是否会显示它而不会出现问题？,html,css,Html,Css,我有这样一张照片：我试图将其作为背景图像添加到网页中——只是为了测试我设置了最简单的HTML文件： <!DOCTYPE html> <html lang="en"> <head> <title> My CSS Test Page </title> <meta charset="utf-8"> <link rel="stylesheet" href="css/my

我有这样一张照片：

我试图将其作为背景图像添加到网页中——只是为了测试

我设置了最简单的HTML文件：

<!DOCTYPE html> 
<html lang="en">
<head> 
    <title>
        My CSS Test Page
    </title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/mycss.css">
</head>
<body>
<h1>Hello World!!</h1>
</body>
</html>

而且。。。它不起作用

然后我尝试了单引号，然后没有引号。。还是一样的问题。什么也没出现。然后我想可能是图像有点腐败或者其他什么。所以我添加了一个img标签：

<!DOCTYPE html> 
<html lang="en">
<head> 
    <title>
        My Css Test Page
    </title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/mycss.css">
</head>
<body>
<h1>Hello World!!</h1>
<img src="trail.jpg">
</body>
</html>

不走运

那么我错过了什么

> P>您可能需要考虑在CSSS-/P>中给出具有此映像的文件夹的路径。


身体{
背景图像：url（'../img/test.jpg'）；
}

用于测试的浏览器？@ArunPJohny Chrome和Firefox。最新版本。（编辑：现在还有IE）。在我看来，删除

img

进行测试很好，而保持

css

完好无损。您是否看到任何网络请求获取该图像？它返回404吗？你能检查一下我的Css测试页面的正文吗{背景图片：url（“http://docs.gimp.org/en/images/filters/examples/color-taj-sample-colorize.jpg）；}Oh。。。杀了我。。。我想因为它和html文件在同一个目录中，所以我不需要这样做。。哎呀。。谢谢@ZackYoshyaro：如果你把图像放在样式表中，图像就会相对于样式表所在的文件夹被访问，因为那是引用图像的文件。同样，当您直接从HTML页面引用图像时，该引用是相对于HTML文件所在的文件夹的。

<!DOCTYPE html> 
<html lang="en">
<head> 
    <title>
        My Css Test Page
    </title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/mycss.css">
</head>
<body>
<h1>Hello World!!</h1>
<img src="trail.jpg">
</body>
</html>

<!DOCTYPE html> 
<html lang="en">
<head> 
    <title>
        My Css Test Page
    </title>
    <style>
    body {
        background-image: url("trail.jpg");
    }
    </style>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/mycss.css">
</head>
<body>
<h1>Hello World!!</h1>
<img src="trail.jpg">
</body>
</html>