Visualizzazione dei risultati da 1 a 8 su 8

Discussione: png trasparenti

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    1,056

    png trasparenti

    Ciao a tutti,
    so che l'argomento è già stato trattato ma non risco a trovare soulzione.

    Ho un box con una png trasparente come sfondo.
    Ovviamente non funziona si explorer.
    Ho provato questo http://www.tomstardust.com/archives/...rnet-explorer/
    e il risultato è che il mio box diventa completamente trasparente.

    Ecco il mio codice:

    a.traspa {
    width:136px;
    float:left;
    display:auto;
    border:1px solid #CCCCCC;
    background-image:url('img/sfondo_contenuto.png');
    background-repeat: repeat;
    text-align:center;
    margin:1px;
    }
    * html a.traspa { /* Regole per IE (dalla 5.5 in poi) */
    background-color: #000;
    back\ground-color: transparent;
    background-image: url('img/blank.gif');
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="i mg/sfondo_contenuto.png" ,sizingMethod="scale");
    }

    Mi chiedo, l'immagine blank.gif deve esistere? Come deve essere fatta?
    grazie
    ciao

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    prova con una semplice gif trasparente 1x1
    Vuoi aiutare la riforestazione responsabile?

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

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    1,056
    con una gif mi fa tutto il fondo bianco senza trasparenza né opacità

    ???

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    allora non stai usando le regole corrette per ottenere l'effetto trasparenza

    dai un occhio http://fabriziocalderan.it/bg_png/
    dai un occhio http://fabriziocalderan.it/bg_png/bg2.html

    nel css l'immagine bg100.gif corrisponde alla tua immagine blank.gif
    Vuoi aiutare la riforestazione responsabile?

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

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    1,056
    funziona come hai fatto tu.
    Ho copiato codice e immagine.
    Ma la gif come l'hai fatta?
    1x1 px, sfondo trasparente o hai messo il bianco e poi l'opacità al livello??

    almeno riesco a rifarla anche io..

    grazie
    ciao

  6. #6
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente inviato da Bregovic
    funziona come hai fatto tu.
    Ho copiato codice e immagine.
    Ma la gif come l'hai fatta?
    1x1 px, sfondo trasparente o hai messo il bianco e poi l'opacità al livello??

    almeno riesco a rifarla anche io..

    grazie
    ciao
    1x1 gif trasparente.... nient'altro.
    forse nel tuo caso c'è un problema sulla png.
    Vuoi aiutare la riforestazione responsabile?

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

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    1,056
    no scusa non ho spiegato bene.. utilizzando la tua gif e il tuo codice ora funziona. Probabilmente avevo sbagliato la gif!
    Ma quindi la trasparenza la imposto solo sulla png? Per sapere la percentuale intendo..

    ciao!

  8. #8
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente inviato da Bregovic
    no scusa non ho spiegato bene.. utilizzando la tua gif e il tuo codice ora funziona. Probabilmente avevo sbagliato la gif!
    Ma quindi la trasparenza la imposto solo sulla png? Per sapere la percentuale intendo..

    ciao!
    si, l'opacità l'ho impostata solo sulla png dopo aver scelto un colore di sfondo
    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.