Эффект прозрачности для картинки (opacity) - Вопросы по CSS

Иногда возникает необходимость сделать некоторый элемент на странице с эффектом осветления либо затемнения (в общем - прозрачность).
Для чего это может понадобиться - подложка для элементов, блоки с счетчиками. Вот второй пример мы сейчас и рассмотрим.

Есть код счетчика, к примеру от SpyLog.
В менеджере модулей создаем новый модуль (предварительно отключив визуальный редактор для пользователя), вставляем код счетчика, публикуем модуль на нужной позиции, задаем ему CSS суффикс (для примера - spy). Конечно, можно вставить в index.php шаблона в определенный слой (ячейку) и задать класс, но чаще используют пользовательские модули (не лучше, но удобней).
В исходном коде у нас такая конструкция (у меня в шаблоне модули выводятся с помощью DIV):
Далее в файле стилей шаблона пишем загадочные строки:
Почему применяю описание для разных элементов - может быть я много не знаю, но в IE6 псевдокласс hover работает только для A, потому с помощью наследования добираемся до нужного нам элемента
В результате получили осветленную картинку счетчика, при наведении мышки она проявляется, естественно можно сделать и наоборот

Совершенно аналогично можно писать почти для любого элемента, разрешено использование background-color для осветления в разные тона.

Спасибо! То, что нужно для ИЕ6+

большое спасибо 

Доходчиво +1. Неспешно думал об этом - будем пробовать..))

Все оно как бы хорошо..
Вот только данные параметры "true" для CSS 3, а при валидации которая идет через CSS 2.1 будет выдавать ошибку!
Так, что пользоваться или нет уже решать вам!

Тема: Эффект затемнения для картинки (opacity)
Далее

Иногда возникает необходимость сделать некоторый элемент на странице с эффектом осветления.

То затемнение, то осветление…
Может свести к определению прозрачности, чтобы не путаться? Да и в поиске будет находится быстрее.
Ведь частично прозрачный элемент либо осветляется, либо затемняется, в зависимости от фона на котором он находится.

Может свести к определению прозрачности, чтобы не путаться? Да и в поиске будет находится быстрее.

согласен

Немного подкоректировав стили:

Все равно валидатор ругается благим матом:

.counter img    Свойство -ms-filter не существует : "progid:DXImageTransform.Microsoft.Alpha(opacity=30)" "progid:DXImageTransform.Microsoft.Alpha(opacity=30)"
.counter img    Свойство opacity не существует в CSS2.1, но существует в : 0.3 0.3
.counter img    Ошибка разбора opacity=30)
.counter a:hover img    Свойство -ms-filter не существует : "progid:DXImageTransform.Microsoft.Alpha(opacity=90)" "progid:DXImageTransform.Microsoft.Alpha(opacity=90)"
.counter a:hover img    Свойство opacity не существует в CSS2.1, но существует в : 0.9 0.9
.counter a:hover img    Ошибка разбора opacity=90)

Но в IE зато работает.. в коде первого поста не работало =)