В Firefox 3 и Safari 3 вы можете использовать RGBA, например . Георг Шёлли упомянул .
. Известный трюк заключается в том, что вы можете использовать его в Internet & nbsp; Explorer, используя также градиентный фильтр.
background-color: rgba(0, 255, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7F00FF00', EndColorStr='#7F00FF00');
Первый шестнадцатеричный номер определяет альфа-значение цвета.
Полное решение всех браузеров:
.alpha60 {
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0) transparent;
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.6);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
Это из прозрачности фона CSS без влияния на дочерние элементы, через RGBa и фильтры .
Это когда используя следующий код:
An XHTML 1.0 Strict standard template
Here some content (text AND images) "on top of the transparent background"