Discussion :

[pumaflow]

Bonjour,
Je souhaite faire un cadre aux coins arrondis qui s'adapte en largeur à la page et en hauteur au texte qu'il y a dedans.
Jusque la c'est bon !

Je voudrais que le fond de ce cadre soit un png transparent.
Avec Firefox, cela marche, mais pas avec Internet Explorer 7...

---->> ma page

[Er3van]

IE7 gère parfaitement la transparence des PNG, c'est ton PNG qui ne doit pas l'être ^^

Sinon, tu peux rajouter le filtre suivant pour IE (6+) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

filter:Chroma(color=#FFFFFF)

Qui te filtrera le blanc pour le rendre transparent.

[pumaflow]

Mon png est transparent puisqu'il s'affiche correctement avec FF...

Je vais tester filter:Chroma(color=#FFFFFF);

[Er3van]

Pas forcément, peut-être que FF applique directement un filtre sur tous les fichiers d'extensions .png, alors que IE affiche le fichier tel quel, libre à celui qui a fait l'image d'avoir inclut ou non la transparence.

Je n'ai jamais vraiment eu le problème donc je ne peux affirmer, mais c'est une éventualité.

[pumaflow]

J'ai contourné le problème en rajoutant des:

background-image:none;

border-right:solid 2px #647E8D;
border-left:solid 2px #647E8D;

dans la feuille de style.


Mais il y a un problème avec les rollovers.
Quand on passe la souris sur les liens, j'ai l'impression que l'ordi est rame.
Si on enlève les png, tout redevient normal
Si on passe sur firefox, tout est nickel...

Si qq a une explication

[pumaflow]

C'est le javascript inclut dans le header qui fait ramer...

Sinon pour bien afficher le backround dans IE j'ai ajouté le hack /height:1%;