• In diretta da GamesVillage.it
    • News
    • -
    • In Evidenza
    • -
    • Recensioni
    • -
    • RetroGaming
    • -
    • Anteprime
    • -
    • Video
    • -
    • Cinema

Pag 1 di 2 12 UltimoUltimo
Visualizzazione risultati da 1 a 15 di 22

Discussione: Immagini PNG e maledetto Internet Explorer

Cambio titolo
  1. #1
    Fiero di essere TERRONE L'avatar di Peppigno
    Registrato il
    10-02
    Località
    Nel paese delle puttanone
    Messaggi
    39.071

    Immagini PNG e maledetto Internet Explorer

    Ragà, sapete dirmi xkè internet explorer gestisce in maniera "cagosa" le trasparenze delle immagini? 8(

    Con Firefox e Opera tutto ok, ma con IE si vede uno schifo...

    si può fare qualcosa???

  2. #2
    megaman
    Ospite
    si, non usarlo

  3. #3
    ~ Over My Head ~ L'avatar di Finalfire
    Registrato il
    06-03
    Località
    Italy
    Messaggi
    5.013
    Citazione megaman
    si, non usarlo


  4. #4
    ★★★★★ L'avatar di Smuggler
    Registrato il
    10-02
    Località
    Reggio Emilia
    Messaggi
    5.188
    Perchè chi lo produce è molto interessato a rispettare gli standard.

  5. #5
    Utente L'avatar di Alebass_89
    Registrato il
    06-03
    Località
    Cavalese
    Messaggi
    4.282
    sarebbe il miglior formato per la trasparenza sul web secondo me ma quella merdadi ie non le vede...

  6. #6
    Utente Tostapane L'avatar di WarriorXP
    Registrato il
    10-02
    Località
    MI C.le - LE
    Messaggi
    23.429
    Citazione Alebass_89
    sarebbe il miglior formato per la trasparenza sul web secondo me ma quella merdadi ie non le vede...
    Infatti.

    Questo è uno dei più grossi problemi di crossbrowsing che si incontrano durante lo sviluppo di un sito web.. E purtroppo non è risolvibile a meno di usare CSS proprietari assolutamente fuori standard (che comunque non ho mai testato) come filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='immagine.png');.

  7. #7
    (un po' meno) cattivo L'avatar di L33T
    Registrato il
    10-02
    Località
    Ovunque e in nessun luogo
    Messaggi
    3.908
    Ti posto una soluzione in javascript, che ti permette di lasciare pulito il css.

    Questa è la funzione, che ti consiglio di inserire in un file esterno.

    Codice PHP:
    /* ************************************************************************************** */

    // Correctly handle PNG transparency in Win IE 5.5 or higher.
    // http://homepage.ntlworld.com/bobosola. Updated 02-March-2004

    function correctPng() 
       {
       for(var 
    i=0i<document.images.lengthi++)

          {
          var 
    img document.images[i]
          var 
    imgName img.src.toUpperCase()
          if (
    imgName.substring(imgName.length-3imgName.length) == "PNG")
             {
             var 
    imgID = (img.id) ? "id='" img.id "' " ""
             
    var imgClass = (img.className) ? "class='" img.className "' " ""
             
    var imgTitle = (img.title) ? "title='" img.title "' " "title='" img.alt "' "
             
    var imgStyle "display:inline-block;" img.style.cssText 
             
    if (img.align == "left"imgStyle "float:left;" imgStyle
             
    if (img.align == "right"imgStyle "float:right;" imgStyle
             
    if (img.parentElement.hrefimgStyle "cursor:hand;" imgStyle        
             
    var strNewHTML "<span " imgID imgClass imgTitle
             
    " style=\"" "width:" img.width "px; height:" img.height "px;" imgStyle ";"
             
    "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
             
    "(src=\'" img.src "\', sizingMethod='scale');\"></span>" 
             
    img.outerHTML strNewHTML
             i 
    i-1
             
    }
          }
       } 
    Questo è il codice che devi inserire appena prima di </body>.

    Codice PHP:
        <!--[if gte IE 5.5]>
        <
    script type="text/javascript">
            
    /* fa funzionare l'alpha channel su ie a partire dal 5.5 */
            
    correctPng();
        
    </script>
    <![endif]--> 
    E' un hack, però funziona abbastanza bene. L'unico limite serio è che la trasparenza è limitata ai tag img: per background-image, insomma, i problemi rimangono.
    Ultima modifica di L33T; 28-07-2005 alle 04:54:44
    Es ist nichts schrecklicher als eine tätige Unwissenheit.

  8. #8
    Utente Tostapane L'avatar di WarriorXP
    Registrato il
    10-02
    Località
    MI C.le - LE
    Messaggi
    23.429
    Comunque mi pare di aver letto che con IE7 il problema verrà risolto...
    Citazione L33T
    Ti posto una soluzione in javascript, che ti permette di lasciare pulito il css.

    Questa è la funzione, che ti consiglio di inserire in un file esterno.

    Codice PHP:
    /* ************************************************************************************** */

    // Correctly handle PNG transparency in Win IE 5.5 or higher.
    // http://homepage.ntlworld.com/bobosola. Updated 02-March-2004

    function correctPng() 
       {
       for(var 
    i=0i<document.images.lengthi++)

          {
          var 
    img document.images[i]
          var 
    imgName img.src.toUpperCase()
          if (
    imgName.substring(imgName.length-3imgName.length) == "PNG")
             {
             var 
    imgID = (img.id) ? "id='" img.id "' " ""
             
    var imgClass = (img.className) ? "class='" img.className "' " ""
             
    var imgTitle = (img.title) ? "title='" img.title "' " "title='" img.alt "' "
             
    var imgStyle "display:inline-block;" img.style.cssText 
             
    if (img.align == "left"imgStyle "float:left;" imgStyle
             
    if (img.align == "right"imgStyle "float:right;" imgStyle
             
    if (img.parentElement.hrefimgStyle "cursor:hand;" imgStyle        
             
    var strNewHTML "<span " imgID imgClass imgTitle
             
    " style=\"" "width:" img.width "px; height:" img.height "px;" imgStyle ";"
             
    "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
             
    "(src=\'" img.src "\', sizingMethod='scale');\"></span>" 
             
    img.outerHTML strNewHTML
             i 
    i-1
             
    }
          }
       } 
    Questo è il codice che devi inserire appena prima di </body>.

    Codice PHP:
        <!--[if gte IE 5.5]>
        <
    script type="text/javascript">
            
    /* fa funzionare l'alpha channel su ie a partire dal 5.5 */
            
    correctPng();
        
    </script>
    <![endif]--> 
    E' un hack, però funziona abbastanza bene. L'unico limite serio è che la trasparenza è limitata ai tag img: per background-image, insomma, i problemi rimangono.
    Certo che stai diventando lamero...
    Se Lee fosse morto si rivolterebbe nella tomba.

  9. #9
    (un po' meno) cattivo L'avatar di L33T
    Registrato il
    10-02
    Località
    Ovunque e in nessun luogo
    Messaggi
    3.908
    Naahh. In fondo filter:etc.. è aggiunto solo per ie, e il conditional comment è un normalissimo commento per tutti gli altri browser :P
    Es ist nichts schrecklicher als eine tätige Unwissenheit.

  10. #10
    gymvideo
    Ospite
    Citazione megaman
    si, non usarlo

  11. #11
    Headless Dove L'avatar di sydarex
    Registrato il
    07-04
    Località
    Despair-Ridden World
    Messaggi
    7.865
    Citazione megaman
    si, non usarlo
    E io invece ti dico di usarlo... cosi chi vuole visitare il sito, si toglie quella schifezza.


  12. #12
    Fiero di essere TERRONE L'avatar di Peppigno
    Registrato il
    10-02
    Località
    Nel paese delle puttanone
    Messaggi
    39.071
    purtroppo il sito è rivolto verso gente particolare che statisticamente parlando usano IE un buon 80-90%.

  13. #13
    Headless Dove L'avatar di sydarex
    Registrato il
    07-04
    Località
    Despair-Ridden World
    Messaggi
    7.865
    Personalmente non mi sono mai importato della compatibilità con IE... questo fa capire xkè sn un fallito


  14. #14
    Fiero di essere TERRONE L'avatar di Peppigno
    Registrato il
    10-02
    Località
    Nel paese delle puttanone
    Messaggi
    39.071
    Citazione sydarex
    Personalmente non mi sono mai importato della compatibilità con IE... questo fa capire xkè sn un fallito
    questo significa che fai bene... tutti gli sviluppatori del web dovrebbero boicottare Microsoft...

  15. #15
    [falkar]
    Ospite
    Citazione Peppigno
    questo significa che fai bene... tutti gli sviluppatori del web dovrebbero boicottare Microsoft...
    anche tu?
    cmq questo piccolissimo problema di cazzeggio col png dovuto a IE ha "evitato" la diffusione del formato di compressione che IMHO è LU MEGGHIU

Pag 1 di 2 12 UltimoUltimo

Regole di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •