CSS Firefox / Internet Explorer PNG

Marsh Posté le 25-10-2006 à 15:29:46

Bonjour,

Pour pouvoir me servir du PNG (on ne vantera plus les mérite du PNG ) j'ai mis en place un système pour que ca passe sur Internet Explorer (il me :fou: ce navigateur...)

donc en gros, j'ai créé une condition pr inclure une feuille de style spéciale IE :

Code :

<!--[if lte IE 7]>
<link href="/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

Et dans ste feuille de style j'me sers de

Code :

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.site.com/img/top.png', sizingMethod='scale');

Pour la transparence du PNG

Mon souci, c'est qu'avec cette condition, ca me bloque pas mal de trucs... Le texte n'est plus vraiment séléctionnable, et certain champs formulaire n'apparaissent plus. J'ai pu résoudre le probleme avec les liens et certains input en plaçant un z-index:1, mais d'autres input et d'autres images dotées d'un lien ne sont plus cliquables

Donc si quelqu'un voit le probleme et a une idée.. Chui preneur

Message édité par zecoke le 30-11-2006 à 11:18:20

Reply

Marsh Posté le 25-10-2006 à 15:29:46

Reply

Marsh Posté le 25-10-2006 à 15:40:09

sans code c est bien difficile
a priori ca ne devrait pas intervenir dans le comportement de ton appli
tout fonctionnait correctement avant ton correctif sur le png ?

sinon je trouve ca plutot crade conceptuellement de rajouter une css juste pour une ligne (tu bousilles un paquet pour rien)
il se passe quoi si tu mets ton filtre sur ta css "normale" ?

---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell

Reply

Marsh Posté le 25-10-2006 à 15:53:23

Si j'enleve :

Code :

<!--[if lte IE 7]>
<link href="<?=$racine; ?>ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

Tout marche, excepté le PNG dont la transparence est daubé sous IE..

Et si je mets le filtre dans la css "normale" ca superpose le PNG "filtré", sur le PNG "daubé" donc pas beau

Reply

Marsh Posté le 25-10-2006 à 17:08:23

Et si je mets le filtre dans la css "normale" ca superpose le PNG "filtré", sur le PNG "daubé" donc pas beau

[:pingouino]

comme firefox ne comprend pas filter il devrait ne pas le voir du tout
envoie ta css j ai comme un doute

---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell

Reply

Marsh Posté le 26-10-2006 à 09:29:04

Firefox ne le voit pas, c'est sur IE que viennent tout les problemes..

Si je mets le filtre dans la css "normale" comme ca :

Code :

#top {
width: 100%;
height: 170px;
background:url(img/top.png) no-repeat top center;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.site.com/img/top.png', sizingMethod='scale');
}

Message édité par zecoke le 30-11-2006 à 11:18:35

Reply

Marsh Posté le 26-10-2006 à 11:43:22

Code :

#top {
width: 100%;
height: 170px;
background:url(img/top.png) no-repeat top center;
_background:url();
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.tousenlive.com/img/top.png', sizingMethod='scale');
}

bon c est tres pas beau ne faites pas la meme chose chez vous

---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell

Reply

Marsh Posté le 26-10-2006 à 15:04:50

Ouép c'est pas très beau
Du coup chui repassé en GIF avec un fond blanc au lieu de transparent, j'passerai au PNG quand IE7 (qui l'accepte enfin....) sera assez répandu !

Reply

CSS Firefox / Internet Explorer PNG

Sujets relatifs:

Leave a Replay