Im cercando di capire come impostare tutte le immagini da dire che il 50% di opacità inizialmente, e poi passare a 100% di opacità al passaggio del mouseCome cambiare l'opacità di immagine al passaggio del mouse usando css
Ho provato a installare questa regola nel file css ma non funziona. I dà un errore di analisi:
img
{
opacity:0.4;
filter:alpha(opacity=40);
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100);
}
il codice è buono- verificato in questo violino con un pesce accogliente: http://jsfiddle.net/Qrufy/
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Colossoma_macropomum_01.jpg/800px-Colossoma_macropomum_01.jpg" />
img {
opacity: 0.5;
filter: alpha(opacity=40);
}
img:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}
La proprietà opacity funziona in tutti i browser moderni, e la filter:alpha copre < = IE8.
Questo [collegamento] (http://stackoverflow.com/questions/2244566/css-opacity-on-hover-of-div?rq=1) probabilmente aiuterà – gersande
C'è altro codice che non vediamo potrebbe ignorare le impostazioni di opacità? – jterry
È possibile che si stia utilizzando ': hover' su un tag'![]()
'? L'utilizzo del passaggio del mouse su elementi diversi dal tag '' può causare problemi in alcune versioni di ie. –