Question

使用NetBeans IDE 8.2，在firefox中运行项目时，如果在css文件中调用该图像，则不会加载该图像。我已经开始一个PHP项目，我的文件系统是

Project Folder
    -Source Files
        -images
            -image.jpg
        -styles
            -style.css
        index.php
    -Include Path

如我的IDE中所示（我是Netbeans的新手）。 CSS代码：

.bgimg-1 { 
    background-image: url("../images/image.jpg");
    height: 100%;
    background-size:cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

和PHP代码段

<head>      
<meta charset="UTF-8">
    <title>WEBSITE TITLE</title>
    <link href="styles/style.css?v=0.0.4" rel="stylesheet" type="text/css">
    <link href="styles/homepage.css?v=0.0.1" rel="stylesheet" type="text/css">
    <link href="styles/header-style.css" rel="stylesheet" type="text/css">
</head>
<body>
    <?php include('header.php'); ?>
    <!-- Background image -->
    <div class="bgimg-1">
        <div class="display-middle" style="white-space:nowrap;">
             <span class="center padding-large black text-xlarge wide 10-opacity"> WEBSITE NAME </span>
        </div>
    </div>
</body>

我尝试了各种网址，包括

("CD ../images/image.jpg")
("images/image.jpg")
("/images/image.jpg")

当我更改背景颜色时，css文件正确链接了。我也知道这在方括号中有效，并且图像显示在html文件中调用时在文件夹中。我很困惑，请帮忙。我必须添加这是本地主机项目文件夹：C：\ xampp \ htdocs \ WEBSITE-PHP，这是源文件夹和Web根目录

Answer 1

实际上是一个非常简单的修复，而我对DOCTYPE的了解却有问题。我正在使用DOCTYPE html。但是，使用视差背景图片需要html5或xml DOCTYPE。

CSS相对路径背景图片未显示

1 个答案: