Сопутствующие знания о прозрачности CSS Alpha. Пожалуйста, сначала взгляните на следующий код:
Программный код
фильтр: альфа (непрозрачность = 50); /* IE */;
-moz-opacity:0.5 /* Moz + FF */;
Непрозрачность: 0,5; /* Браузеры, поддерживающие CSS3 (FF 1.5 также поддерживает его) */
Вкратце поясним: IE использует фильтр частных атрибутов:alpha(opacity), семейство Moz использует частный атрибут -moz-opacity, а стандартным атрибутом является непрозрачность (CSS 3, семейство Moz частично поддерживает CSS3). Следующее значение — прозрачность, используйте процентное или десятичное значение (альфа (непрозрачность)). Используйте значение от 0 до 100, которое на самом деле является процентом. Вы не видите Opera из приведенного выше кода. Правильно, Opera пока не поддерживает стандартную непрозрачность и не имеет собственных свойств для поддержки альфа-прозрачности. Однако мы знаем, что Opera поддерживает прозрачные PNG-изображения Alpha (конечно, Moz Family также поддерживает это). Таким образом, мы можем использовать фоновое изображение для достижения альфа-прозрачности.
Ключ:
программный код
фон: прозрачный URL-адрес (alpha80.png) слева вверху, повторите! важно;
фон: #ccc;
фильтр: альфа (непрозрачность = 50);
Поскольку семейство Moz поддерживает PNG с альфа-прозрачностью, нам не нужно использовать его частные свойства. Конечно, вы можете использовать стандартную непрозрачность, но не используйте альфа-прозрачные изображения и непрозрачность одновременно, иначе они станут смесью того и другого. Вы можете скачать приведенный выше пример и просмотреть комментарии /*opacity:.5;*/.