Symfony 3中不显示css文件中的图像

时间:2016-01-28 00:03:12

标签: css assetic symfony

我正在使用Assetic来生成和显示css,images,js。

{% block stylesheets %}
{% stylesheets 'bundles/website/css/*' filter='cssrewrite' %}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
{% endblock %}

此块正在文档中添加 - 以下行:

<link rel="stylesheet" href="/css/07157ce_part_1_doctor_1.css" />
<link rel="stylesheet" href="/css/07157ce_part_1_jquery.fancybox_2.css" />

哪个是正确的。

在第二个css文件中我有:

.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('../../bundles/website/images/fancybox_overlay.png');
}

哪个应该是正确的,但是fancybox_overlay.png没有显示。它甚至不存在于路径[DOMAIN] /bundles/website/images/fancybox_overlay.png

但是已经生成了文件:/web/images/b35fe69_fancybox_overlay_1.png

我尝试在图片标记内使用图片并且工作正常

{% image '@WebsiteBundle/Resources/public/images/fancybox_overlay.png' %}
    <img src="{{ asset_url }}" alt="Example" />
{% endimage %}

为了生成css文件,我使用了以下命令:

bin/console assets:install web --symlink
bin/console cache:clear
bin/console assetic:dump --env=dev

我不明白为什么不显示css中的背景图像。

有什么想法吗?

由于

1 个答案:

答案 0 :(得分:0)

根据文档和Symfony3的best practices

  

最佳实践将您的资源存储在web/目录中。

按照这个建议,相应地编辑你的路径,你应该好好去。