Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente bannato
    Registrato dal
    Jan 2006
    Messaggi
    100

    Filtro trasoarenza Internet Explorer e link

    Normalmente se voglio rendere un div semitrasparente uso questo codice
    codice:
    filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;
    ora però ho provato ad applicarlo ad un link, e su firefox funziona ma su IE mi restituisce il colore piatto

    sbaglio qualcosa io o con quel catorcio di IE6 è impossibile rendere questo effetto sui link?

  2. #2
    Esatto. Con IE 6 non ti funziona alcun tipo ti trasparenza alpha, nemmeno quella delle png

    ciao

  3. #3
    Utente bannato
    Registrato dal
    Jan 2006
    Messaggi
    100
    no lo so che le trasparenze non funzionano bene, ma usando la proprietà filter è possibile attivarle sia nelle png che nel colore di fondo degli elementi

    solo che adesso la sto applicando ad un effetto di attivazione su un link mi da problemi

  4. #4
    Utente bannato
    Registrato dal
    Jan 2006
    Messaggi
    100
    ho cercato meglio in google ed ho capito che teoricamente non sbaglio niente
    vi posto il codice completo
    si tratta di un menu semplice basato su lista

    il css di tutto il blocco
    codice:
    .col_sezione_contenuti {
     color:#ef4396;
     font-size:12px;
     width:151px;
     margin-bottom:10px;
    }
    .col_sezione_contenuti A {
     color:#ef4396;
    }
    .col_sezione_contenuti ul {
     list-style:none;
     margin:0;
     padding:0;
    }
    .col_sezione_contenuti li {
     display:inline;
     margin:0;
    }
    .col_sezione_contenuti li A {
     color:#ef4396;
     padding:3px 6px;
     margin:0;
     display:block;
     text-decoration:none;
     border-bottom:1px solid #fdd6e4;
    }
    .col_sezione_contenuti li A:hover {
     color:#ffffff;
     background-color:#f8bbd6;
    	filter:alpha(opacity=50);
    	-moz-opacity:.50;
    	opacity:.50;
    }
    l'html correlato
    codice:
    <div class="col_sezione_contenuti" style="padding-top: 5px;">
              <ul>[*]Link 1[*]Link 2[*]Link 3[*]Link 4[*]Link 5[/list]
          </div>

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.