Как изменить непрозрачность изображения при наведении с помощью css

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

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

img
{
opacity:0.4;
filter:alpha(opacity=40); 
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=100); 
}

Ответы

Ответ 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 охватывает <= IE8.