一尘不染

不带背景色,但不带文字

css

如何div在文本保持不透明的同时使跨浏览器(包括Internet Explorer 6)的背景透明?

我需要在不使用jQuery等任何库的情况下进行此操作。(但是,如果您知道可以做到这一点的库,那么我很想知道,因此我可以看看他们的代码)。


阅读 498

收藏
2020-05-16

共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: transparentIE Web浏览器,最好通过条件注释或类似注释进行声明!

2020-05-16