html - 使用 Symfony 在 css 中的图像

Question

http://localhost:8000/bundles/delivveweb/images/laranja_active_top_ful.png Failed to load resource: the server responded with a status of 404 (Not Found)

经过多次搜索我发现我的问题是编译这个 css 没有正确生成路由

$ php app/console assets:install --symlink web

使用此命令生成路由，但是对于使用此代码的图像:

{% image 'bundles/delivveweb/images/facebook_active.png' %}
     <img src="{{ asset_url }}">
{% endimage %}

在html中生成这个url

<img src="/images/2f9279f_facebook_active_1.png">

这段代码没有CSS:

li.nav-active{
    background-image: url('../images/laranja_active_top_ful.png');
}

在html中生成这个url

li.nav-active{
    background-image: url('../../bundles/delivveweb/images/laranja_active_top_ful.png');
}

谁能告诉我如何生成正确的路由 css 东西:

li.nav-active{
    background-image: url('../images/laranja_active_top_ful.png');
}

配置文件:

# Assetic Configuration
assetic:
    debug:          "%kernel.debug%"
    use_controller: false
    bundles:        [ DelivveWebBundle ]

base.html.twig:

{% stylesheets filter='cssrewrite' output='css/*.css'
    'bundles/delivveweb/css/*'
%}
    <link rel="stylesheet" type="text/css" media="screen" href="{{ asset_url }}" />
{% endstylesheets %}

layout.html.twig:

{% extends '::base.html.twig' %}
...
<li class="nav-active"><a href="#" >PERFIL</a></li>
...

Answer 1

当你安装你的 Assets 时，Symfony 将路由更改为/web/bundles/name-of-the-bundle/img。

因此，您需要更改这一行:

background-image: url('../img/assets/laranja_active_top_ful.png');

对此:

background-image: url('../img/laranja_active_top_ful.png');