问题

这个问题已经有一个答案:

  • 2001年12月31日终了的两年期收入和支出及准备金和基金结余变动报表 如何使用CSS给文本或图像一个透明的背景? 2001年12月31日终了的两年期收入和支出及准备金和基金结余变动报表 28个答案 2001年12月31日终了的两年期收入和支出及准备金和基金结余变动报表 2001年12月31日终了的两年期收入和支出及准备金和基金结余变动报表

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

除此之外,您还必须为 IE Web 浏览器声明 background: transparent,最好通过条件评论或类似的方式提供服务!

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

  相同标签的其他问题

cssopacity