背景颜色的不透明度，但不是文本

小编典典

背景颜色的不透明度，但不是文本

all

如何使跨浏览器（包括Internet Explorer 6）的背景透明一段div时间，文本仍然不透明？

我需要在不使用任何库（如 jQuery 等）的情况下做到这一点（但如果你知道一个库可以做到这一点，我很想知道，所以我可以查看他们的代码）。

阅读 113

2022-03-24

共1个答案

小编典典

使用 rgba！

.alpha60 {
    /* 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)";
}

除此之外，您必须background: transparent为 IE 网络浏览器声明，最好通过条件注释或类似方式提供服务！

通过 http://robertnyman.com/2010/01/11/css-background-transparency-without-
affecting-child-elements-through-rgba-and-
filters/

2022-03-24