Question

我的网站目录就是这样....

我有一个包含4个子文件夹的根文件夹。和我的html文件

图像

家族

JS

CSS

css有子文件夹名称ie和images

在我在系列文件夹

中创建一个新的html文件之前，一切正常

我什么都没有，没有图像，没有格式化。如果我添加../我得到格式化和图像<p><a href="#" class="image full"><img src="../images/pics02.jpg" alt=""></a></p>但是来自css-images的图像仍然没有显示。我打开了css文件并将../添加到我的横幅的调用中，但它仍然没有显示？我曾尝试过../ ./ /和除http://example.com/css/stylesheet.css之外的所有组合。我认为最后一个会加载更长时间。

这是一些代码复制和粘贴。

来自family / index.html的代码

<script src="../js/skel.min.js"></script>
    <script src="../js/skel-panels.min.js"></script>
    <script src="../js/init.js"></script>
    <noscript>
        <link rel="stylesheet" href="../css/skel-noscript.css" />
        <link rel="stylesheet" href="../css/style.css" />
    </noscript>
    <!--[if lte IE 8]><link rel="stylesheet" href="../css/ie/v8.css" /><![endif]-->
    <!--[if lte IE 9]><link rel="stylesheet" href="../css/ie/v9.css" /><![endif]-->

来自css / style.css的代码

/ ************* ********************************** / / *标题* / /的 ********************************************** ********* /

#header
{
    position: relative;
    background: #ddd url(../images/header.jpg) no-repeat center;
    background-size: cover;
}

#logo
{
}

#nav
{
}

    #nav ul
    {
        margin: 0;
    }

无论我尝试什么，我都无法显示标题= /

Answer 1

根据我的理解，您尝试从名为images的css子文件夹中访问系列文件夹中的图像。

在这种情况下，您将使用

"../css/images/header.jpg"

如果您尝试访问主图像文件夹中的图像，请使用

"../images/header.jpg"

最后，如果您尝试访问css文件中的图像（可能在css文件夹中找到），您可以使用

"images/header.jpg"

请查看此链接以获取有关html中目录的更多详细信息 http://www.howtocreate.co.uk/tutorials/html/links

Answer 2

试试这个 background: #ddd url("../images/header.jpg") no-repeat center;

Answer 3

尝试删除句点，然后使用以下路径：

/images
/js

Answer 4

如果要访问css-images，请仅使用/;如果要访问父目录，请使用../。

../用于一个目录

而/是根目录

当您的当前目录为css时，您的根目录为/

从子文件夹访问时未显示css图像

4 个答案: