我正在使用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中的背景图像。
有什么想法吗?
由于