Vala, je dois faire un site en suivant une charte graphique très précise et très casse-couilles (le site à été dessiné sous Photoshop, faut le refaire en xhtml) .
 
Il y a une image de fond générale, et par dessus plein de cochonneries dont des boutons. Ces boutons sont des images. Fastoche, un background-image pour le body, et pour les boutons :
 
<a href="..."><img src="bouton.png" alt="rubrique" /></a>
 
Le problème c'est que sous ces boutons il y a des *ombres* à moitié transparentes sur le fond.
 
Et justement, je sais pas du tout où caser ces ombres.
 
Si on inclut le fond dans l'image du bouton, ça passe. Mais c'est crade (et ça nécessite un calage au pixel près) et sans feuille de style ou avec une feuille de style pour l'impression (sans fond), le rendu est évidemment immonde.
 
Le canal alpha des PNG ça pourrait etre pas mal... mais IE n'en ferait rien.
 
Comment vous feriez pour ajouter cette ombre de façon clean ? (des calques décalés avec des z-index différents ?)

Bah au pire tu masques les boutons à l'impression. Avec un "alt" bien renseigné ça ne pose pas de problèmes.
Et si tu affiches sans style, vu que ce sera de toute façon moche, on s'en fiche un peu non ?

Bah au pire, IE supporte le PNG avec une propriété CSS spécifique (filter)

Ben les calques c'est un peu le même problème si on intègre le fond il faut les placer au pixel près sinon faut supporter le PNG. Il n'y a pas tellement d'autres alternatives que ces 2 solutions.

je vais sans doute dire une connerie, mais mettre dans un div un coutour des boutons comme background, mêlé avec la propriété transparent et intégrer dans cela les béritable boutons, ca pourrait pas le faire?

À mon avis ça va pas changer grand chose au fond du problème. Le contour des boutons soit ils sont en PNG transparents et il faut régler le problème avec IE soit ils ont l'image du fond intégré et il faut les positionner...
 
Ou alors j'ai pas compris ce que tu voulais faire exactement

http://webfx.eae.net/dhtml/pngbeha [...] avior.html
 
le "truc" pour que le PNG transparent marche ± dans IE

 
non, justement, je n'utilise pas de transparence png, mais la transparence du div. Il lui suffit donc de faire un png avec dégradé de gris pour imiter la transparence et une couleur vraiment transparente pour tout ce qui est en trop. Et ca, c'est géré.

marche pas sous IE 5.0

À la place de ton <img src='pagesuivanteavecdropshadow.gif'>, tu fais un <div class='boutondropshadowpagesuivante'>Page suivante</div>
 
puis dans la classe boutondropshadowpagesuivante  
* en web,  
-div positionné au pixel près, avec une taille fixe (taille de l'image)
-puis en background, l'image, alignée en haut à gauche, qui ne se répète pas
-texte à taille zéro
 
* en impression,
rien.
 
La meilleure solution reste de tuer tes graphistes ou de leur dire que le design n'est pas de la décoration.

Tu veux dire les propiétés opacity et -moz-opacity ?

Oui ça revient à faire du positionnement. Autant positionner le bouton directement alors.

On est d'accord

Pas forcément, faire un <div> et le décorer te permet de garder le même html pour les navigateurs css / les navs sans css / l'impression, et d'avoir un bon rendu sur les trois.
 

Formons une milice !

 
bah oui mais bon selon Microsoft ça sera supporté en natif dans IE 4 ou 5 ... ils ont pri un peu de retard sur le planning

... bon comme j'ai pas envie de passer sous IE6 qui met 3 plombes à afficher les popups, il va falloir que j'utilise un peu plus Mozilla pour profiter de toutes ces belles choses ainsi que les CSS (Compliant of courses LUI )