Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2010
    Messaggi
    124

    Problema Effetto Immagine su passaggio mouse

    Ho trovato un codice html per creare un effetto opacità sull'immagine e quando passo con il mouse diventa normale :
    codice:
    [img]URL DELLA IMMAGINE[/img]
    Se creo un collegamento ad un sito , quando passo sopra con il mouse ,l'immagine rimane nella versione normale e non con l'opacità come mai ?

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    strano, dovrebbe andare lo stesso, puoi sposstare comunque l'effetto sul link.

    Lasciandoli sull'immagine e eliminando gli eventi javascript col ricorso ai css:

    codice:
    a.trasparenza img {
    opacity:..
    filter...
    }
    a.trasparenza:hover img {
    opacity:..
    filter...
    
    }
    al link in questione potrai impostare la classe trasparenza (o come vorrai chiamarla)

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2010
    Messaggi
    124
    Potresti fornirmi un codice dove devo solo aggiungere i link dell'immagine . Grazie

  4. #4
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    in body:

    prima della chiusura di head il css:
    codice:
    <style type="text/css">
    <!--
    a.trasparenza img {
    opacity:0.4;
    filter:alpha(opacity=40);
    border:0
    }
    a.trasparenza:hover img {
    opacity:1;
    filter:alpha(opacity=100);
    
    }
    -->
    </style>

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.