Кроссбраузерная CSS прозрачность

  • Не нравится
  • 0
  • Нравится
Кроссбраузерная CSS прозрачность Вот небольшое решение прозрачности элемента на CSS. Работает во всех браузерах, даже в осла (IE).

Подключать можно вот так:

<div class="myclass zvopacity">А этот текст прозрачный на 80%</div>


Т.е. сначала основной класс, а через пробел уже прозрачность.

Вот содержимое класса:
.zvopacity{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  /* IE 8 */
filter: alpha(opacity=80); /* IE 5-7 */
-moz-opacity: 0.8; /* Netscape */
-khtml-opacity: 0.8;  /* Safari 1.x */
opacity: 0.8; /* Для остальных браузеров */
}


Вот и все :)
Если есть вопросы - пишите в комментариях.

Пример

Коментарии