Иногда счётчики, баннеры или другие картинки не подходят к дизайну сайта. Для таких случаев в CSS есть возможность сделать изображения бледнее, прозрачней. Например, нам нужно встроить код такой код на сайт:
Теперь мы создаём в стилях CSS идентификатор, который у нас будет называться img1. Он будет влиять на видимость картинок (img) в ссылках (a). В фигурных скобках содержатся три значения, для браузеров Opera, Mozila Firefox и Internet Explorer. От этих данных зависит, какая видимость будет у изображений. При значении 1 для первых двух браузеров и 100 для альфа-фильтра изображение будет полностью видно, при нулевых значениях изображение не будет видно. В нашем примере мы имеем 30% видимости баннера:
Code
#img1 a img {opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30);}
Код баннера теперь нужно заключить в такой тег:
Code
<div id="img1">Код баннера</a></div>
Теперь наш баннер выглядит так:
Иногда нужно, чтобы при наведении курсора эффект прозрачности пропадал. Дополняем код в стилях CSS ещё одной строкой. Теперь при активной ссылке (a:hover) будет полная видимость картинки. Код для CSS-файла:
Иногда счётчики, баннеры или другие картинки не подходят к дизайну сайта. Для таких случаев в CSS есть возможность сделать изображения бледнее, прозрачней. Например, нам нужно встроить код такой код на сайт: