Прозрачность для всех бр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)