css - 如何上一级以获取html中的路径url？

Question

如何访问上面一个文件夹中的图像。由于错误的目录或引用，背景图像未出现在 html 中。

background-image:url("imgs/hours.png");
        #schedules{
            float: left;
            margin-left:10%;
            background-image: url(file:///C|/wamp/www/web/crosscafe/imgs/hours.png);
        }
        span {
            font-weight:bold;
        }

Answer 1

如前所述，只是为了确保，如果您使用的是 WAMP，则需要通过 localhost 或为此目的提供的任何地址访问网页。通过 file:// 访问通常会忽略 WAMP 为您提供的大部分服务器端使用。

话虽如此，我认为您的问题相当简单。如果您使用的是框架文件结构，您可能具有以下结构:

• 图片/
• CSS/
• js/
• index.html

因此，由于您正在处理位于 css 子文件夹中的 CSS，因此您的 URL 需要如下所示:

background-image:url("../imgs/hours.png");

这两点(../)告诉浏览器去父文件夹，然后进入imgs文件夹，然后搜索hours.png 。