Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924

    Creare file PNG semitrasparenti visibili in IE6

    Ciao a tutti
    premetto che di grafica non ne capisco molto, ma ho bisogno di realizzare un effetto simile a quello della lightbox

    http://www.huddletogether.com/projects/lightbox/

    se si clicca su una delle due foto si vedrà un effetto ombra al di sotto degli ingrandimenti. Guardando il CSS relativo al layer con l'ombra ho trovato questo

    codice:
     .overlay { 
        background-image	: url(overlay.png); 
     }
     * html .overlay {
        background-color: #333;
        back\ground-color: transparent;
        background-image: url(blank.gif);
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
                (src="overlay.png", sizingMethod="scale");
    }
    Ho quindi provato a studiarmi l'imamgine overlay.png per provare a ricrearne una simile ma con trasparenza maggiore (quella è troppo scura per l'uso che devo farne e vorrei farne diverse con trasparenze al 10,20...90 %)

    Solo che non riesco a creare delle PNG che siano visibili in IE6 mentre l'immagine "overlay.png" della lightbox si vede perfettamente anche su quel browser.

    Qualcuno sa indicarmi cosa/come devo procedere usando photoshop (o The Gimp)?

    Grazie
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  2. #2
    Usare il formato PNG in Internet Explorer (titolo esplicativo).
    Seguendo il tutorial viene spiegato come fare per far interpretare i valori di trasparenza delle PNG a IE6 con i CSS.

  3. #3
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Ho risolto con quel programma TweakPNG e togliendo il colore di background alla classe overlayer

    Grazie mille
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.