Как изменить прозрачность картинки при наведении с помощью CSS

Im пытается выяснить, как установить все изображения, чтобы сказать 50% непрозрачность изначально, а затем изменить на 100% непрозрачность при наведении

Я попытался установить это правило в файле css, но оно не работает. Я даю ошибку разбора:

img
{
opacity:0.4;
filter:alpha(opacity=40); 
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); 
}
10
css css3 hover image jquery

1 ответов

ваш код хорош-проверено в этой скрипке с дружественной рыбой: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);
}

на opacity свойство работает во всех современных браузерах, а filter:alpha обложки

17