Свойства непрозрачности CSS?

Question

Мне действительно нужны все эти CSS непрозрачные свойства?Я не использую ВСЕ из них сразу, но показываю их в разных процентах.Но у меня обычно есть группа из 4 человек, и я хотел посмотреть, смогу ли я что-нибудь исключить из моей таблицы стилей.

А может кто-нибудь показать мне пример 100%, 25% и 0%?Я хочу убедиться, что я все сделал правильно.

opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=1);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";


opacity: 0.25;
-moz-opacity: 0.25;
filter:alpha(opacity=0.25);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=25)";


opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

Answer 1

Если вы хотите, чтобы непрозрачность CSS3 поддерживалась в максимально возможном количестве браузеров, вам понадобятся все эти свойства:

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";     /*Best for Internet Explorer 8 */
filter: alpha(opacity=50);    /*Internet Explorer 5, 6, 7, 8 */
-moz-opacity: 0.5;    /* Old Mozilla Browsers */
-webkit-opacity: 0.5;    /* Old Webkit browsers (Safari, Chrome, various others) */
-khtml-opacity: 0.5;    /* Really old Safari browsers and Konqueror */
opacity: 0.5;    /* Modern browsers */

Однако вы можете сократить большинство из них для современного использования:

filter: alpha(opacity=50);    /*Internet Explorer 5, 6, 7, 8 */
opacity: 0.5;    /* Modern browsers */

Обратите внимание, что хотя IE 8 поддерживает filter, это не рекомендуемый способ добавления непрозрачности.Однако все работает одинаково.