Discussion :

[celas]

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 :

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

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 :

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

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

[tibotibo69]

Salut,

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

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

[celas]

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?

[tibotibo69]

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.

[Macmillenium]

Bonjour,

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 css :

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

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

[celas]

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

Code :

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

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?



Merce beaucoup.

Celas

[tibotibo69]

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

Essaye comme ceci :

Code :

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

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

[Macmillenium]

Code :

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

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

tibo, d'où sort cette syntaxe ?

Essaye plutôt

Code css :

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

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

Ou tu fais simplement :

Code css :

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

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

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

[tibotibo69]

tibo, d'où sort cette syntaxe ?

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

[celas]

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.

[Macmillenium]

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

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

[tibotibo69]

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

[HiRoN]

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...

[tibotibo69]

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

Ok merci.

[celas]

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