До.1 (непрозрачный) . Так, если хотите сделать некоторые изображения
Класса see -thru прозрачными наполовину, воспользуйтесь следующим стилем: . .
.see-thru { opaci ty: .5 : }
Это свойство работает во всех браузерах, кроме Internet Explorer. И все же IE
Поддерживает схожее свойство, которое позволяет добиться такого же результата.
Глава 16. CSS З - на гребне волны
Для того чтобы предыдущий код стал работоспособным во всех браузерах, включая
IE 6, перепишите его таким образом:
.see-thru {
opaci ty: . 5:
filter: alpha(opacity=50):
Свойство fi l ter доступно только в IE и позволяет добавлять всевозможные
Визуальные эффекты для ваших страниц. В нашем случае фильтр а l pha дает возможность
Установить прозрачность элемента от О (полностью прозрачный) до 100
(непрозрачный). Так, чтобы установить размытие элемента на 75 %, используются
следующие две строки:
opacity: . 75:
filter: alpha(opacity=75):
Эффект на рис. 16.5 создается с помощью двух стилей. Первый устанавливает
набору изображений 50%-ную прозрачность, другой делает их полностью неразмытыми
В то время, когда над ними находится указатель мыши. В основе эффекта
лежат изображения, помещенные в тег <а>, а остальную часть работы по созданию
эффекта появления выполняет леевдокласе : hover:
а img {
opacity: .5:
filter: alpha(opacity=50):
}
a:hover img {
opacity: 1:
filter: alpha(opacity=l00):
