从子文件夹访问CSS图像时不显示

css images not showing when accessed from sub folder

本文关键字：显示 图像 CSS 文件夹 访问      更新时间：2023-09-26

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

我有一个根文件夹与4子文件夹。和我的HTML文件

图片家庭

js

css

css的子文件夹名称为ie和images

一切都很好，直到我在家庭文件夹中创建了一个新的html文件

我什么也得不到，没有图像，没有格式。如果我加上…/我得到格式化和图像<p><a href="#" class="image full"><img src="../images/pics02.jpg" alt=""></a></p>，但图像从css-图像仍然不显示。我打开css文件并添加…/呼叫我的横幅，但它仍然没有显示?我试过……/.//除http://example.com/css/stylesheet.css外的所有。我想最后一个会使加载时间更长。

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

代码来自目录/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;
    }

无论我怎么做都无法让header显示出来=/

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

在这种情况下，您将使用

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

如果你想从你的主图像文件夹访问图像，你可以使用

"../images/header.jpg"

最后，如果你想从css文件(可能在css文件夹中)访问图像，你可以使用

"images/header.jpg"

查看这个链接了解更多关于html中目录的详细信息http://www.howtocreate.co.uk/tutorials/html/links

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

尝试删除句点并使用如下路径:

/images
/js

访问css-images时仅使用/，访问父目录时仅使用../。

../用于一个目录up

而/是根目录

如果当前目录是css，那么根目录是/

相关文章：