Bonjour,

Question qui doit sembler bateau mais à laquelle je n'ai trouvé que peu d'infos.
Je souhaite appliquer une ombre portée sur le bord d'un cadre, lui même sur un fond en dégradé.
J'ai essayé plusieurs techniques avec les filtres mais impossible de faire fonctionner le truc sur à la fois sous IE 6/7/8 et FF.
Je me suis donc tourné vers une solution plus en force, à savoir découper mon image sous Photoshop et réaliser une fine image tout en hauteur à placer dans une div le long du conteneur central...
Alors je me pose la question de savoir s'il y aurait une technique plus appropriée ou/et si vous auriez des publications/tutos à ce sujet ?
Merci pour votre aide.
Bonjour,

Deux solutions:
- Oublie IE (toutes versions actuelles), Firefox 3.0, Safari 3.0, et Opera 10.0, et utilise box-shadow (CSS 3).
- Oublie IE 6, et utilise une image en PNG-32 sans chercher à appliquer de filtre AlphaImageLoader à IE6 (parce que c'est la merde, que les débutants s'y cassent les dents tandis que les pros évitent ce genre de bêtise Smiley cligne ).

Là comme ça, je voterais pour la deuxième solution.
Le fait est (et c'est assez révélateur) qu'autour de moi des tas de gens utilisent encore IE6...
Donc ma démarche est quand même d'arriver à s'adapter à un plus grand nombre de gens.
L'idée du png, est donc assez peu envisageable pour moi.

Par contre je viens de chercher un peu ce type de sites et pas mal de webmaster utilisent en fait une immense image de background, applatie avec les ombres et les dégradés en même temps.
Reste ensuite à remplir l'intérieur avec le contenu.

Quels pourraient être les inconvénients de cette méthode (vu que maintenant le poids d'une page n'est plus trop un souci) ?

Mes sources :
http://www.csszengarden.com/?cssfile=207/207.css
http://www.stevemadden.com/
http://www.benestar.fr/ (nefonctionne pas sous IE6)
Merci
SpaceFrog a écrit :
et un png en background image d'un div ça le ferait pas ?

Le fait d'avoir une seule grande image de bg simplifie à mon avis beaucoup les choses, et le découpage est hyper simplifié Smiley biggrin