2

所以，我正在尝试完成这个简单的任务，即将背景图像设置为图案并重复它。当我单独查看模板（不是通过播放应用程序）时，它工作得很好。我一定错过了一个简单的游戏点，希望你们/女孩可以帮助我。该文件是一个 .png 文件（binding_dark.png），位于文件夹中：binding_dark。这是我的代码：

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body style="background-image:url('binding_dark/binding_dark.png');background-repeat: repeat;">
    hello
</body>
</html>
4

2 回答 2

3

看到模板在没有框架的情况下可以正常工作，它很可能与资产目录的相对路径（binding_dark/binding_dark.png）有关。我也遇到过这个问题，需要一些实验才能解决。

在标题中它说您正在使用 Play Framework。使用资产控制器将有助于缓解资产根路径的问题。例如，@routes.Assets.at("binding_dark/binding_dark.png")在您的模板中使用（假设您的文件夹中有一个public名为的子文件夹，binding_dark或者，如果没有，您将路径更新为routes.conf来自 Play 应用程序公共目录的图像的完整路径。

如果您必须对资产的路径进行硬编码，并假设您在routes.conf文件中保留了“库存”资产路径，请尝试使用 path:/assets/binding_dark/binding_dark.png并查看是否有效。

此外，如果是路径问题，您可以使用 Chrome 开发者工具控制台（设置 -> 工具 -> 开发者工具 -> 控制台），然后加载（或重新加载）页面，您应该可以在其中看到页面无法加载的资产由于无法找到它们等原因。

于 2013-06-27T18:58:08.730 回答
0

一个简单的解决方案就是在您的 css 文件中包含以下行

background-image: url("../binding_dark/binding_dark.png");
background-repeat: repeat;

@routes.Assets.at()在播放框架视图中使用设置背景图像时不需要使用

于 2018-06-27T20:49:19.417 回答