css不从绝对路径中选择图像

时间：2017-11-22 09:45:01

标签： css

我的目录结构是

MyPhoto
MyPhoto/css/myPhoto.css
MyPhoto/images/fatherday1.jpg

在css中，我定义了以下类

.jumbotron-welcome {
    background-image: url('../images/fathersday1.jpg');
    background-size: cover;
    color:white;
}

我注意到url('../images/fathersday1.jpg');有效但url('/images/fathersday1.jpg');没有。

/images/..路径应该有效吗？我想MyPhoto目录是我项目的根目录，它有images文件夹。

2 个答案:

答案 0 :(得分：2)

我试着解释一下：

../表示＆＃34;从现在的位置上升到一个目录＆＃34;。您当前的工作目录是css。你继续，然后输入images。这是一条合法的道路。

使用/启动资源时，从文档根目录开始。您可能会将/视为http://example.com/。因此，您在文档根目录并尝试输入images。但这并不存在。您首先必须进入myPhoto：url('/myPhoto/images/fathersday1.jpg');

请注意，这是基于简单的服务器设置。如果使用更复杂的解析器，实际所需的路径可能会有所不同，但逻辑仍然存在。找出路径/真正开始的位置。

答案 1 :(得分：0)

  

我认为这会对你有所帮助。

Sample CSS

以下是您需要了解的相关文件路径：

  • 从AWS::ElastiCache::ReplicationGroup开始，返回根目录并从那里开始

  • 从"/"开始向后移动一个目录并从那里开始

  • 从"../"开始向后移动两个目录并从那里开始（依此类推......）

  • 要移动"../../"，只需从第一个子目录开始并继续前进

相关问题
最新问题