28 Мая 2008

Прозрачность для всех брaузеров через CSS

Прозрачность это одна из вещей, которые разные браузеры обрабатывают ПО СВОЕМУ. Чтобы  охватить все браузеры, приведу пример с прозрачностью в 50%.

.transparent_class{
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;}

Здесь перечислены следующие свойства CSS для:

  • opacity: 0.5; Это самое важное, потому что является стандартом CSS. Это работает во всех новых версиях Firefox, Safari, и Opera. Это могло быть достаточно, если бы все браузеры поддерживали это. На деле это не так

  • filter:alpha(opacity=50); Так необходимо прописывать прозрачность для  IE.

  • -moz-opacity:0.5; Не забываем про старые версии браузеров Mozilla, таких как Netscape Navigator.

  • -khtml-opacity: 0.5; Это свойство прозрачности для старых версий Safari (1.x)

Теги: ,

Добавить комментарий