backgroung-image: avec hack PNG IE6

Bonjour à tous, j'ai une question à vous posez car je ne suis pas sur de bien comprendre. merci de me corriger, ou de m'expliquer plus en détails pour ceux qui savent.

Voila je recherche un moyen d'avoir mes PNG 24 tranparents sous IE6. J'ai trouvé plein de solutions, et je voulait utiliser une solution avec le hackpng.htc mais j'arrive à la faire fonctionner seulement lorsque je place mes images dans mon code HTML, ex :

Code:

---

1 2 3

<div id="col2"> <img src="images/shadow_actu.png" alt="" width="274px" height="182px" /> </div>

---

Mais pas lorsque je place mes images dans mon css en background-image, ex:

Code:

---

background-image:url(images/shadow_actu.png);

---

Donc voilà je comprend pas quelle méthode utiliser pour ne pas avoir à placer mes images dans mon code HTML.

Je vous remercie d'avance pour vos réponses,

cordialement,

celas

Salut,

pourquoi ne veux tu pas placer tes images dans ton code HTML ?

C'est la manière normale de procéder .

Ah bon, ben en fait j'ai des blocs en CSS (des divs) et c'est plus simple de changer une div entière dans le CSS, si je veut changer l'image de fond de la div, la taille de la police, le couleur du texte, etc. C'est plus simple de tout avoir dans le CSS non?

Au moins j'ai le minimum dans mon code HTML.

Je sais pas, est-ce que je me trompe?

Oui bien sur c'est plus simple d'avoir toutes tes propriétés dans le CSS mais il ne faut pas confondre image de fonds et images.

Tu peux insérer une image de fond via le CSS mais pour insérer le images "standards" il faut passer par le code HTML.

Bonjour,

Citation:

---

Envoyé par celas

Voila je recherche un moyen d'avoir mes PNG 24 tranparents sous IE6. J'ai trouvé plein de solutions, et je voulait utiliser une solution avec le hackpng.htc

---

Ton fichier htc est-il inclus dans le CSS ?

Code:

---

1 2	#col2 img { behavior:url(chemin_hackpng.htc) }

---

Oui mon fichier .htc est bien inclus dans mon CSS, au début du fichier

Code:

---

img {behavior: url(pngHack/pngHack.htc);}

---

Alors je doit pas bien faire la distinction entre Image standard et images de fond.

Je vous joins mon image type, qui est inclue dans la div, avec l'ombre sur les côtés en PNG. En fait je vais ensuite insérer par dessus du texte dynamique, alors qu'en pensez-vous? c'est une image standard ou une image de fond?

http://img32.imageshack.us/img32/5913/shadowactu.th.png

Merce beaucoup.

Celas

Dans ce cas, le fichier .htc s'applique aux images mais pas aux background-images.

Essaye comme ceci :

Code:

---

background-image {behavior: url(pngHack/pngHack.htc);}

---

Citation:

---

Envoyé par tibotibo69

Code:

---

background-image {behavior: url(pngHack/pngHack.htc);}

---

---

tibo, d'où sort cette syntaxe ? :aie:

Essaye plutôt

Code:

---

1 2	#col2 { behavior:url(pngHack/pngHack.htc) }

---

Ou tu fais simplement :

Code:

---

1 2	img, div { behavior:url(pngHack/pngHack.htc) }

---

Le behavior s'applique à la div qui contient le background.

Citation:

---

Envoyé par Macmillenium

tibo, d'où sort cette syntaxe ? :aie:

---

C'était une supposition ! Foireuse j'en conviens ! :mouarf:

Ca ne passe toujours pas dans le CSS, j'ai essayer vos solutions, et j'ai toujours le fond gris/bleue à la place de l'ombre. par contre ca fonctionne bien quand on met l'image dans le code HTML, alors là je sais pas comment faire.

Le problème vient peut-être du fichier htc ...
Essaye iepngfix.

@tibotibo69 : Oui c'est ce que je pensais.

Macmillenium, ça ne viendrait pas du fait que le fichier .htc ne gère que les images, pas les background-images ?

Citation:

---

Envoyé par Macmillenium

Le problème vient peut-être du fichier htc...
Essaye iepngfix.

---

+1... Je me tournerai aussi vers iepngfix ;)

@tibotibo69 : Normalement non.
Bugs seulement connu sur background-position & background-repeat me semble-t-il...

Citation:

---

Envoyé par HiRoN

@tibotibo69 : Normalement non.
Bugs seulement connu sur background-position & background-repeat me semble-t-il...

---

Ok merci. ;)

Merci beaucoup à vous, ca passe carément mieux avec 'iepngfix', du moins je suis arriver à mettre mes images dans mon CSS et ça prend en compte les ombres sous ie6. Par contre ça m'a l'air un peu plus lent, ca fait 2 aller-retour sur le serveur, on voit bien la barre de progression charger 2 fois. mais bon, content que ça marche.

Merci pour le temps que vous avez passé, je met en résolu.

Celas