不带背景色，但不带文字

Question

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

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

Answer 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浏览器，最好通过条件注释或类似注释进行声明！