twig css backgroud-image => 404
Bonjour,
je suis entrain de m'essayer à SF2. Pour l'instant pas de gros soucis.
Mais je but sur un problème de chemin d'image dans les CSS.
je m'explique j'ai mis ça dans mon template login.html.twig :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
{% extends "MyUserBundle::layout.html.twig" %}
{% block stylesheets %}
{{ parent() }}
{% stylesheets '@MyUserBundle/Resources/public/css/login.css' %}
<link rel="stylesheet" href="{{ asset_url }}" type="text/css" media="screen" />
{% endstylesheets %}
{% endblock %}
{% block fos_user_content %}
{% if error %}
<div>{{ error }}</div>
{% endif %}
<form action="{{ path("fos_user_security_check") }}" method="post">
<label for="username">{{ 'security.login.username'|trans({}, 'FOSUserBundle') }}</label>
<input type="text" id="username" name="_username" value="{{ last_username }}" />
<label for="password">{{ 'security.login.password'|trans({}, 'FOSUserBundle') }}</label>
<input type="password" id="password" name="_password" />
<input type="checkbox" id="remember_me" name="_remember_me" value="on" />
<label for="remember_me">{{ 'security.login.remember_me'|trans({}, 'FOSUserBundle') }}</label>
<input type="submit" id="_submit" name="_submit" value="{{ 'security.login.submit'|trans({}, 'FOSUserBundle') }}" />
</form>
{% endblock fos_user_content %} |
et dans ma CSS j'ai ça :
Code:
1
2
3
4
5
|
body {
background: #393939 url(../images/login/login_bg.jpg) no-repeat top center;
} |
lorsque je regarde dans firebug , ma CSS se charge bien avec le chemin : /app_dev.php/css/ef49724_login_1.css
et le navigateur tente de chargé l'image avec ce chemin : /app_dev.php/images/login/login_bg.jpg
et je me chope une belle erreur 404. Comment peut-on faire pour utiliser des images de fonds dans les CSS ? Y a t'il une syntaxe spéciale (prefix ou autre ?
Merci
