Главная Облако тегов     Подписка на ленту обновлений (RSS) XMPP (Jabber) совместимые службы мгновенных сообщений. К примеру Google Talk, Gizmo, jabber.org Пишите письма О сайте
Вы находитесь здесь: Заметки экспериментатора » CSS: Прозрачность
Translations of this page:

CSS: Прозрачность

В CSS реализованных в бродилках opera, mozilla, safari и IE можно задавать для элементов параметр определяющий прозрачность элементов.

.opaque {
    opacity: .5;
    filter: alpha(opacity=50);
}

Параметр opacity работает в Opera, mozilla и safari. Параметр filter работает в «ослике».

Opera поддерживает прозрачность начиная с девятой версии.

Можно почитать про разные трюки с применением прозрачности.

~~LINKBACK~~

Дискуссия

studio, 2008/11/13 18:22

Стоит посмотреть на design.ru как они реализовали прозрачность для пнг. Там походу более непростой код. Кроме того - меня удивил один прикол. Хак для альфапрозрачности для ие6 почему то вызывает у ие7 настойчивое желание заблокировать подгрузку небезопасного (!) элемента. Но это все возникает только если работать локально. выгрузка на сервер, даже на локалхост - устраняет эту проблему. Так и не понял почему собственно возникает подозрение в небезопасности этого прозрачного эелемента.

crystalbit, 2010/01/19 15:43

А в CSS3 можно записывать как, например, color: rgba(255, 0, 0, 0.5); то есть четвертым параметром функции rgba скорее бы все популярные браузеры стали это поддерживать :)

Gerya, 2010/02/19 00:39

Круто, я и не знал, что через код можно прозрачность регулировать, думал что все графическими редакторами подпиливать надо! Спасибо, столько работы можно теперь выкинуть:)

Lianka, 2010/02/20 00:33

вечно этот IE всю малину портит, начиная с таких отдельных параметров, и заканчивая отдельными скриптами… Еще и CSS 3 ваще практически не поддерживает! И главное у него есть все возможности реализовывать все новые фичи и стандарты, у майкрософта денюжек ого-го, дай столько ФФ и серфинг по инету ваще станет сказкой:)

Enter your comment (wiki syntax is allowed):
Краткая справка
  • **полужирный**
  • //курсив//
  • > цитата
  • [[http://link | Заголовок ссылки]]
Больше о синтаксисе...
За исключением случаев, когда указано иное, содержимое этой вики предоставляется на условиях следующей лицензии:CC Attribution-Noncommercial-Share Alike 3.0 Unported
css-opacity.txt · Последние изменения: 2007/11/08 12:10 От plumbum