不带背景色，但不带文字

Z时代
2024-01-10
分类：问答

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

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

回答：

使用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)";
}