Кросс-браузерная непрозрачность онлайн урок.


В эти дни вам действительно не нужно беспокоиться о непрозрачности, поскольку это сложный кросс-браузер. Вы просто используете свойство opacity, например:

.thing {
opacity: 0.5;
}

0 полностью прозрачен (не будет видимым вообще, как видимость: hidden;) и 1 полностью непрозрачен (по умолчанию). Все, что между ними, частично прозрачно.

По историческим причинам это так, как мы это делали:

.transparent_class {
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

/* IE 5-7 */
filter: alpha(opacity=50);

/* Netscape */
-moz-opacity: 0.5;

/* Safari 1.x */
-khtml-opacity: 0.5;

/* Good browsers */
opacity: 0.5;
}