Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1043 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS Firefox / Internet Explorer PNG

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

CSS Firefox / Internet Explorer PNG

n°1464832
zecoke
Posté le 25-10-2006 à 15:29:46  profilanswer
 

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 :
  1. <!--[if lte IE 7]>
  2. <link href="/ie.css" rel="stylesheet" type="text/css" />
  3. <![endif]-->


 
Et dans ste feuille de style j'me sers de  

Code :
  1. 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
mood
Publicité
Posté le 25-10-2006 à 15:29:46  profilanswer
 

n°1464840
mIRROR
Chevreuillobolchévik
Posté le 25-10-2006 à 15:40:09  profilanswer
 

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
n°1464867
zecoke
Posté le 25-10-2006 à 15:53:23  profilanswer
 

Si j'enleve :

Code :
  1. <!--[if lte IE 7]>
  2. <link href="<?=$racine; ?>ie.css" rel="stylesheet" type="text/css" />
  3. <![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

n°1464936
mIRROR
Chevreuillobolchévik
Posté le 25-10-2006 à 17:08:23  profilanswer
 

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
n°1465185
zecoke
Posté le 26-10-2006 à 09:29:04  profilanswer
 

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 :
  1. #top {
  2. width: 100%;
  3. height: 170px;
  4. background:url(img/top.png) no-repeat top center;
  5. filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.site.com/img/top.png', sizingMethod='scale');
  6. }


Message édité par zecoke le 30-11-2006 à 11:18:35
n°1465353
mIRROR
Chevreuillobolchévik
Posté le 26-10-2006 à 11:43:22  profilanswer
 

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


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


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
n°1465480
zecoke
Posté le 26-10-2006 à 15:04:50  profilanswer
 

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 !


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS Firefox / Internet Explorer PNG

 

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


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR