如何在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网络浏览器声明background: transparent,最好是通过有条件的 comments 或类似的方式提供!

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

Css相关问答推荐

向左或向右浮动时的不同图像边距

try 在Jekyll中使用多个SCSS文件时出错

如何防止css边框缩小div?

是否有一个 CSS 可以根据字符的高度 for each 字符呈现可变高度?

我怎样才能准确地获得虚构文本内容宽度的边距?

通过 CSS 中的媒体查询更改站点的页面大小

如何在 Tailwind 中使用 `margin: y x;` 速记?

flex 容器中的两个滚动块

CSS中元素的重叠

CSS网格列随着长内容改变大小

css渐变实现2色虚线边框

老虎机插槽上的 CSS 对齐问题

在固定高度的输入字段中垂直对齐文本而不显示:表格或填充?

ID 在整个页面中必须是唯一的吗?

纯 CSS 滚动动画

thead 和 tbody 之间的间距

跨浏览器方法使子 div 适合其父级的宽度

有没有办法让字段集的宽度与它们中的控件一样宽?

弹性框中的边距折叠

如何创建一个带点的
标签?