Immagine che si evidenzia

[semolino]

Ho un'immagine che è un link, posso fare in modo che uando il mouse passa sull'immagine questa si evidenzi con un colore trasparente?

Potrei far colorare la td che contiene immagine ma l'immagine è come se fosse un layer sopra alla td e quindi quando si evidenzia la cella resta sotto l'immagine.

[fcaldera]

puoi provare a cambiare l'opacità della foto nello stato hover

html

[img]...[/img]

css

a:hover img {
    opacity : 0.60
    -moz-opacity: 0.60;
    filter: alpha(opacity = 60);
}

Ciao
-Fab-

[semolino]

Non succede niente e lo sto testando con Firefox.
Una cosa, ma dove indico il colore della trasparenza?

Poi un'altra cosa; uso

#wrap { /* posiziono in alto a sinistra della finestra content_box */
  position:static; /* cosi è posizionata in base al margine top_sx dell td in cui è incluso */
  /* position:absolute; cosi è ancorata al marigne top_sx del browers */
  top:26px;
  left:242px;
 /* immagine di sfondo
  width:600px;
  height:400px;
  background: url("orange.jpg") no-repeat; */
}
#wrap .text {
/* posso regolare la posizione con i valori del margin */
  filter:alpha(opacity=85);
  opacity: 0.8;
  background:#ffffff;
  border:1px dotted #333333;
  margin-top:0px;
  margin-left:0px;
  width:485px;
  padding:3px;
}

in questo modo ottengo una div con sfondo trasparente. E' possibile che con i.e. non venga visualizzato il trasparente, ma a colore pieno?
C'è un modo per fissare i valori per tutti i browers?

[fcaldera]

io lo uso qui
http://www.fabriziocalderan.it/lifes...2005/index.php

e se passi sopra con il mouse ottieni l'effetto.

[semolino]

Mi potresti mandare tutto il codice che usi?
Grazie

[fcaldera]

quello che serve a te è esattamente quello che ti ho postato sopra
comq puoi vederlo qui http://www.fabriziocalderan.it/css/style.css

[semolino]

Grazie, infatti avevo sbagliato una cosina...

[semolino]

Nel caso volessi applicare la stessa proprietà ad un input type='image' ?

[semolino]

up

[fcaldera]

Originariamente inviato da semolino
Nel caso volessi applicare la stessa proprietà ad un input type='image' ?

non funzionerebbe con internet explorer 6 e precedenti, dato che la pseuedoclasse hover in quel browser funziona solo per i link

su mozilla invece un css con

input:hover { ... }

dovrebbe funzionare senza problemi (firefox dovrebbe accettare l'hover su qualsiasi elemento), anche se non l'ho mai provato.