不透明度的背景颜色
如果在元素上设置 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)";