2016-01-28 2 views
0

Я использую Assetic для создания и отображения css, изображений, js.Изображения внутри файлов css не отображаются в Symfony 3

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

Этот блок добавляет в документе -head- следующие строки:

<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 

Я не понимаю, почему backgrou nd-изображение внутри css не отображается.

Любая идея?

Благодаря

ответ

0

В соответствии с документацией и Symfony3 в best practices:

Лучшие практики Храните активы в каталоге web/.

Следуйте этой рекомендации, отредактируйте свои маршруты соответственно, и вам должно быть хорошо идти.