Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    :hover su linea di lista prodotti con immagine

    Ho un elenco di articoli tabellato, la prima colonna è per un immagine.
    codice HTML:
    <td><div><img/>
    a Css ho inserito sul tr un :hover
    codice HTML:
    background-color: rgba(50,50,50,0.1)
    Questo mi rende la riga piu opaca al passaggio mouse, la PROBLEMATICA è che non rende anche piu opaca l'immagine, quindi se ho un immagine con sfondo bianco, quando la riga va ad :hover l'immagine "spicca".

    Non ho idee per una soluzione, qualche suggerimento?

    Grazie!

  2. #2
    Utente di HTML.it L'avatar di stoneweb
    Registrato dal
    Jul 2016
    residenza
    Torino
    Messaggi
    165
    Se ho capito bene potresti dare come CSS all'immagine questo:
    codice:
    tr:hover img {
      opacity: 0.1;
      filter: alpha(opacity=10); /* Per IE8 e precedenti */
    }
    Work hard. Code harder.

  3. #3
    Buona idea, do l'illusione che "ci passi sopra" con opacity: 0.9;

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.