symfony - 如何在 symfony Assets 中拥有背景图像?

标签 symfony assets assetic

使用 Symphony 框架,我确实转储了 Assets Assets :安装。
css 文件被硬复制到/web/bundles/appbundle/css/style.css 我猜对于 css 中的背景图像我应该有一个相对路径可以到达/web/文件夹之外?

background-image: url(../../../../bundles/appbundle/images/top_bg.jpg);

但它还不起作用,我在 css 标签中也有 filter='cssrewrite' 。可能我必须补充一点,我只是在 Assets 安装后编辑位于上面路径中的 css 文件,我没有再编辑/Acme/Bundle/Resources/public/css 中的那个。然后我确实运行了assets:dump,现在在/web/文件夹中有两个用于图像和css的文件夹,我查看了新的css,看到路径变成了这样:
background-image: url(../../bundles/applicationadmin/images/top_bg.jpg);

但仍然所有的图像都坏了。我搜索 stackoverflow 并找到了 this question ,但还是有问题。我还应该做什么?

请指教。

最佳答案

首先,确保您的 css 和图像位于正确的文件夹中。

src/AppBundle/Resources/public/css/style.css
src/AppBundle/Resources/public/images/top_bg.jpg

运行 assets assets:install 后,检查您的 web 目录中是否有文件夹。它必须是来自 Resources/public 的相同副本。
web/bundles/app/css/style.css
web/bundles/app/images/top_bg.jpg

你的 style.css 文件应该是这样的:
background-image: url("../../images/top_bg.jpg");

但是,如果是直接在twig模板上配置css,url就不一样了:
<style>
  div { background-image: url("/bundles/app/images/top_bg.jpg"); }
</style>

关于symfony - 如何在 symfony Assets 中拥有背景图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27993233/

相关文章:

php - doctrine2 坚持和冲洗

css - Symfony2 : background color of date widget

javascript - Ruby On Rails - 包含 CSS 和 JS 的最佳方式

symfony - 在 Web 目录中安装供应商资源

php - Symfony2 和 Twitter Bootstrap 字形图标

symfony - 禁用 DEBUG 日志中的 "notified event"消息

symfony - 在 JMS 中序列化对象时包含方法

ruby-on-rails-3 - SASS 全局变量未传递给部分

unity-game-engine - 查找未使用的 Assets

symfony - 如何在 Assetics 'javascript' 标签中使用 Twig 变量?