Как сделать баннеры и счетчики полупрозрачными

Иногда счетчики и баннеры так мозолят глаза, что хоть вообще не ставь их. Однако некоторые из них слишком нужны. Чтобы эти пестрые картинки, которые каждый сервис, их предлагающий, делает раскраски павлиньего хвоста, не портили общую картинку в блоге, их можно сделать полупрозрачными пока не подведена к ним мышка.

1. Для этого создадим в файле CSS специальный стиль для счетчиков.

#banners a img {opacity:0.3; filter:alpha(opacity=30);}
#banners a:hover img {opacity:1.0; filter:alpha(opacity=100);}

2. После этого при вставке счетчиков в блог, заключаем их код в такую конструкцию:

<div id="banners">
Код счетчика или баннера
</div>

3. ….

4. Это все. А вы еще что-то ждали?