不透明度的背景颜色

如果在元素上设置 opacity,它将影响其所有子元素。要仅在元素的背景上设置不透明度,你必须使用 RGBA 颜色。以下示例将具有 0.6 不透明度的黑色背景。

/* Fallback for web browsers that don't support RGBa */
background-color: rgb(0, 0, 0);

/* RGBa with 0.6 opacity */
background-color: 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)";