未使用样式表内容

Question

我有以下对css样式表的引用：

<link rel="stylesheet" type="text/css" href='@routes.Assets.versioned("stylesheets/main.css")' media="screen" />

样式表位于/public/stylesheets/main.css。

并且有这样的内容：

body {
   background-image: @routes.Assets.versioned("images/deer.jpg");
}

我没有收到任何错误，但背景中没有图片。

我做错了吗？

Answer 1

模板引擎不处理公共资源（资产），所以

body {
   background-image: @routes.Assets.versioned("images/deer.jpg");
}

从未处理过。

以下是类似的问题：

Can you reference images from css without using relative paths?

<强>解决方案

1. 使用静态路径

   body {
      background: url("/assets/images/deer.jpg");
   }
   

   /assets部分取决于您的routes设置，/assets是默认设置。

2. 在模板文件中编写CSS，因此它会返回但是你的控制器（不是公共文件夹中的那个）