Version complète: sur le forum Webmaster Hub : Probleme bordure transparente sous IE
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
Sammuel
vendredi 23 juin 2006 à 17:00
Bonjour,

Il y a quelques jours j'ai posté un message au sujet des PNG transparents.

Cela fonctionne parfaitement sous Firefox, mais pas sous IE (vivement que l'on entende plus parler de ce navigateur ?! shutup.gif).

Lien vers l'exemple : (remplacer les 2 * par 2 t)
h**p://www.smcaen.com/bordure.html

Le problème se situe au niveau de la bordure du bas lorsque j'applique le 'hack' :

CODE
*html dl {
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bas.png', sizingMethod='scale')
}

Sous Firefox, aucun problème, mais sous IE, la bordure du bas se trouve sur la bordure du haut !! mad2.gif C'est le hack qui cause ce problème.

Auriez vous une solution pour remettre cette bordure à sa place ?

Merci !
Sammuel
vendredi 23 juin 2006 à 22:07
Ce que je pourrais peut être faire, c'est afficher une seule image comme image de fond ? (vu que la hauteur de la 'case' est fixe)
Le haut.png/case.png/bas.png serait une seule et même image rolleyes.gif.
Sammuel
samedi 24 juin 2006 à 11:15
A la place de 'scall' j'ai mis 'crop' :
CODE
*html dl {
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bas.png', sizingMethod='crop')
}

Maintenant, on distingue mieux l'image du haut sur l'image du bas. Reste plus qu'à remettre l'image du bas à sa place ! C'est à dire tout en bas ! wacko.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.