28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

j'expérimente actuellement sur un serveur de dev (et donc non accessible au public) une erreur négligeable mais qui me turlupine :

j'ai appliqué un background multiple à un input[type=submit] composé d'un picto et d'un dégradé. Cette technique fonctionne parfaitement sous tous les navigateurs modernes, et malgré ça lors de mon travail d'optimisation, je m'aperçois que cet appel constitue un statut 404 (pour firebug>réseau comme pour yslow).

L'image en question étant déjà appelée plus tôt, cette erreur constitue - en plus du statut 404 - une requête http inutile.

http://data.imagup.com/8/1124028385.png

J'aimerais par conséquent savoir si quelqu'un aurait une idée pour éviter ça ?
La solution simple est d'utiliser un pseudo-élément pour afficher l'image, mais ce phénomène m'intrigue énormément..

Bonne journée à tous !
Voici la ligne intéressante :

background:url('/images/sprite.png') no-repeat -50px 0, linear-gradient(#feda32, #ffa803);


Elle est appliquée à un input.classe{} et bien entendu déclinée avec tous les préfixes vendeurs nécessaires.

Si je ne m'abuse, il semblerait que le serveur considère l'image et le dégradé comme une seule requête http, ce qui serait vraiment dommage...

Merci de votre attention.
Ca n'a pas l'air de passionner les foules, mais après petite enquête il s'avère que ce problème n'apparaît que sous Firefox (5 en l'occurence, chez moi).