-->

如何在symfony的资产背景图片?(How to have background image in

2019-09-28 14:56发布

与交响乐框架我没有抛售资产的资产:安装。 CSS文件是硬复制到/web/bundles/appbundle/css/style.css我猜的背景图像中的CSS我应该到达/网页/文件夹之外的这样的相对路径?

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

但它还没有工作,我有过滤器=在CSS标签“cssrewrite”太多。 可能我要补充一句,我只是编辑位于上述资产后,安装路径中的css文件,我没有编辑之一/阿克米/包/资源/公/ CSS了。 然后我也跑资产:转储,现在在/ web /文件夹下有对图像和CSS两个文件夹,我看着新的CSS,看到了路成了这个样子:

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

不过还是所有图像被打破。 我搜索计算器,发现了这个问题 ,但仍然有问题。 还有什么应该怎么办?

请指教。

Answer 1:

首先,请确保您的CSS和图像是正确的文件夹内。

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

运行资产资产后:安装,检查是否有在你的web目录中的文件夹。 它必须从资源/公众一个完全相同的副本。

web/bundles/app/css/style.css
web/bundles/app/images/top_bg.jpg

和你的style.css文件应该是这样的:

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

但是,如果你在树枝模板直接配置的CSS,URL是不同的:

<style>
  div { background-image: url("/bundles/app/images/top_bg.jpg"); }
</style>


Answer 2:

为了使其在树枝工作试试这个

<div class="container" style="background-image:url('{{ asset('bundles/appbundle/images/top_bg.jpg') }}')"> , 

当然,假设你有一个公共网页目录下安装的软件包的网络资产。



文章来源: How to have background image in symfony assets?