Transparence png et validité W3C

Bonjour,
pour la transparence des png j'utilise cette méthode. Ce qui donne :

Code:

---

1 2 3 4 5 6

.content { background-image:url(transparent.png) !important; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='transparent.png'); }

---

Le problème est que cette méthode ne permet pas de valide sa feuille de style W3C.

Connaissez vous une méthode permettent la même chose, mais valide pour le W3C ?
Merci d'avance.

Transparent ? les png gerent la transparence... Je vois pas le soucis...

Ah ok, j'ai compris... et avec opacity ?

Enfaite je veux parler de la trensparence avec internet explorer. Car firefox le gère sans problème, mais internet explorer 6 ou infèrieur, ne le gère pas.

Code:

---

filter:alpha(opacity=25)

---

J'ai pas essayé, mais il semblerait que ça marche
ICI

Bonjour,

Sinon il existe un "behaviour" pour rectifier ce problème. Disponible ici

Damien

Merci de votre aide.

J'ai essayé avec behavior, comme ceci:

Code:

---

1 2 3 4 5

.content { background-image:url(transparent.png); behavior: url(pngbehavior.htc); }

---

Mais sa marche pas.

Pour la technique du

Code:

---

[filter:alpha(opacity=25)

---

Sa fait un truc à moitié transparent donc sa va pas.

Si quelqu'un à la solution merci.

Qu'est ce que tu entend par a moitie transparent ?
Faut peut etre juste modifier l'opacity aprés...

Citation:

---

Envoyé par deY!

Qu'est ce que tu entend par a moitie transparent ?

---

L'intérêt d'un png transparent c'est souvent d'avoir l'image totalement opaque, mais garder la transparence pour le contour afin que l'image puisse être posées sur n'importe quel fond sans problème. La propriété opacity ne peut donc pas répondre à ce genre de cas.

Citation:

---

Envoyé par snyfir

Le problème est que cette méthode ne permet pas de valide sa feuille de style W3C.

---

A moins que tu ne l'insères dans ton code par le biais d'un commentaire conditionnel. Perso c'est ce que je fais lorsque je dois utiliser ce genre d'artifice non valide.

Citation:

---

Envoyé par Candygirl

A moins que tu ne l'insères dans ton code par le biais d'un commentaire conditionnel. Perso c'est ce que je fais lorsque je dois utiliser ce genre d'artifice non valide.

---

Je n'est pas bien compris le procédé.
tu pourais me donner un exemple pour celui-ci:

Code:

---

1 2 3 4 5 6

.content { background-image:url(transparent.png) !important; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='transparent.png'); }

---

Merci

Citation:

---

Envoyé par snyfir

Merci de votre aide.

J'ai essayé avec behavior, comme ceci:

Code:

---

1 2 3 4 5

.content { background-image:url(transparent.png); behavior: url(pngbehavior.htc); }

---

Mais sa marche pas.

Pour la technique du [CODE][filter:alpha(opacity=25)CODE] Sa fait un truc à moitié transparent donc sa va pas.

Si quelqu'un à la solution merci.

---

Ca marche bien quand je l'utilise, mais il faut bien placer les fichiers joints, notament les gif dans le dossier images. De plus, le style s'applique sur une balise img alors tu aurais du faire plutot :

Code:

---

.content img {style="behavior: url('pngbehavior.htc');"}

---

Mais dans le content c'est pas génial puisque ca va s'appliquer à toutes les images, je sais pas ce que ca donnera. Le mieux est de créer une classe specifique :

html

Code:

---

1 2 3 4

<div class="png"> <img src="mon_image.png"> </div>

---

css

Code:

---

.png img {behavior: url('pngbehavior.htc')}

---

Oui, j'avais finalement réussi à le faire marcher. Le seul problème est que j'utilise un hover pour les images dinamiques. Mais avec ce procédé, l'hover ne marche pas. De plus quand je veut valider ma feuil de style, il me dise que behavior n'est pas un protocol reconu.

Bonjour,

J'essais aussi d'avoir mes background png transparent sous ie6. Dans la premièere meyhode donnée, il faut un fichier transparent.png ? Ou le trouver ou comment le faire ?