[Résolu] Rendu de background multiple (CSS3) sous Opéra

Bonjour !

Je suis actuellement au prise avec un problème dont je ne trouve pas la solution.
M'essayant à CSS3 j'utilise la possibilité d'avoir plusieurs images de fond pour un seul bloc.
Avec Firefox, Chrome et Safari pas de soucis ça fonctionne correctement.
Avec IE non mais ça je m'y attendais et ça reste graphiquement potable même sans.

Par contre je suis assez surprise que sous Opéra (10.63) ça ne fonctionne pas. Plus exactement ça n'affiche que la première image de background-url.
Ayant cherché un peu partout personne ne semble relever ce problème alors j'imagine que ça vient plutôt de ma façon de procéder.

Voici le code :

section {
	background-image: url(img/bordure_top.jpg), url(img/bordure_bottom.jpg), url(img/bordure.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y; 
	background-position: right top, right bottom, right;
}

Si quelqu'un voit où ça cloche...

Merci d'avance
Modifié par Snahedis (28 Oct 2010 - 20:22)

Salut,

Normalement, d'après la documentation de Presto 2.6 (le moteur de rendu utilisé par Opera 10.6), les arrière-plans multiples sont pris en charge. Essaie de procéder comme suit :

section { 
    background: url(img/bordure_top.jpg) right top no-repeat,
      url(img/bordure_bottom.jpg) right bottom no-repeat,
      url(img/bordure.jpg) right repeat-y;
}

Ça marche parfaitement ! Énorme merci

Et quelle rapidité ! ^^
Modifié par Snahedis (28 Oct 2010 - 20:22)