播放中的CSS不加载标题答案

【问题标题】：Css in play doesn't load header播放中的CSS不加载标题
【发布时间】：2016-02-29 17:19:44
【问题描述】：

大家好，我正在尝试通过我的 CSS 文件设置标题，但不知何故它不起作用..

header {
    position: relative;
    width: 100%;
    color: white;
    background: rgba(28, 36, 65, 0.93);
    background: url('/assets/images/header.jpg');
    background-size: cover;
}

我用这个 url 或 '../images/header.jp' 试过，但两者都没有加载图像。如果我手动导航到 www.myurl.com/assets/images/header.jpg 文件就在那里并呈现。

这里有什么问题？

【问题讨论】：

CSS 中的图像路径是相对于 CSS 文件本身的。你的目录树是什么样子的？ CSS 文件在哪里？
我的 css 位于 /public/stylesheets（playframework 的默认值），我的标题位于 /public/images/header.jpg
那么“资产”从何而来？
如果你这样做background: rgba(28, 36, 65, .93) url('/assets/imges/header.jpg') cover;，你的css会有更好的风格。
assets 来自 play 框架，它是每个图像等被渲染的地方

标签： css playframework playframework-2.0

【解决方案1】：

您可能缺少/

试试这个：

background: url('/assets/images/header.jpg');

【讨论】：

不抱歉，我忘了写下来。我用背景测试了它： url('/assets/images/header.jpg');以及背景： url('../images/header.jpg');两者都不起作用

【解决方案2】：

这取决于你的主 css 文件实际在哪里。尝试将其更改为：

background: url("/assets/images/header.jpg");

或者看看这个快速指南： https://css-tricks.com/quick-reminder-about-file-paths/

【讨论】：

【解决方案3】：

尝试使用类似的东西。如果会有任何路径问题，那么您可以尝试添加../../path-to-image/img.png

.header {
  position: relative;
  width: 100%;
  color: #fff;
  background: rgba(28, 36, 65, 0.93) url('http://dummyimage.com/100x100/000/');
  background-size: cover;
}

<div class='header'>
  <h1>Ihara</h1>
</div>

如果有任何问题，请回来。

【讨论】：

【解决方案4】：

伙计们，我很抱歉我搞砸了……我编辑了我的实际 css 的副本……当我在实际的 css 文件上执行此操作时，一切正常。

对此我很抱歉

【讨论】：