游戏中的Css不会';t装载头

游戏中的Css不会';t装载头,css,playframework,playframework-2.0,Css,Playframework,Playframework 2.0,嘿,伙计们,我正试图通过我的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/hea

嘿,伙计们,我正试图通过我的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,文件就在那里并呈现出来


这里怎么了?

您可能缺少一个
/

试试这个:


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

这取决于主css文件的实际位置。 尝试将其更改为:

background: url("/assets/images/header.jpg");
或者查看以下快速指南:

试着用这样的东西。如果出现任何路径问题,您可以尝试将
。/../path添加到image/img.png

.header{
位置:相对位置;
宽度:100%;
颜色:#fff;
背景:rgba(28,36,65,0.93)url('http://dummyimage.com/100x100/000/');
背景尺寸:封面;
}

井原

伙计们,很抱歉我把事情弄糟了……我编辑了我实际的css副本……当我在实际的css文件上进行编辑时,一切都正常了


对此我很抱歉

不,对不起,我忘了写下来。我在后台测试了它:url('/assets/images/header.jpg');以及背景:url('../images/header.jpg');这两个都不起作用。CSS中的图像路径是相对于CSS文件本身的。您的目录树是什么样子的?CSS文件位于何处?我的CSS位于/public/stylesheets(playframework的默认设置),我的标题位于/public/images/header.jpgwell,那么“资产”来自何处?如果您使用
background:rgba(28,36,65,93)url('/assets/imges/header.jpg')cover,您的CSS的样式会更好.assets来自play框架,它是渲染每个图像等的地方