CSS Firefox / Internet Explorer PNG

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : CSS Firefox / Internet Explorer PNG

zecoke

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

Publicité

mIRROR

Chevreuillobolchévik

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

zecoke

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

mIRROR

Chevreuillobolchévik

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

zecoke

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

mIRROR

Chevreuillobolchévik

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

zecoke

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 !

FORUM HardWare.fr

Programmation

HTML/CSS

CSS Firefox / Internet Explorer PNG

Sujets relatifs
Formulaire complexe avec CSS	scroll="no" Firefox
CSS et Internet sur téléphone portable	Que pensent les développeurs d'internet explorer ?
[Résolu] Récupération automatique de fichier sur Internet	equivalent table-header-group pour FireFox
[HTML/CSS/Javascript] Probleme background avec les lignes d'un tableau	Bug graphique, avec les images selon la résolution, firefox et ie
Plus de sujets relatifs à : CSS Firefox / Internet Explorer PNG

Page générée en 0.050 secondes