如何设置 div 背景的不透明度而不影响 IE 8 中包含的元素？

如何在 IE 8 中设置 Div 背景的不透明度而不改变所包含的元素

尝试将不透明度应用于 div 元素的背景时在不影响 IE 8 中包含的元素的情况下，以下方法通常会失败：

• 使用不透明度 CSS 属性：这会影响 div 及其内容。
• 使用具有不透明度的 png 图像：这不是动态解决方案。

解决方案

相反，利用 rgba() CSS 函数指定背景颜色，包括 alpha 通道不透明度：

.myelement {
    background: rgba(200, 54, 54, 0.5);
}

为了兼容 IE8

要支持旧版本的 IE，请考虑使用 CSS3Pie，它为 IE 添加了 rgba 支持。修改后的样式表：

.myelement {
    background: rgba(200, 54, 54, 0.5);
    -pie-background: rgba(200, 54, 54, 0.5);
    behavior: url(PIE.htc);
}

IE 滤镜的替代方法

IE 滤镜也可以与渐变关键字一起使用：

.myelement {
    filter: gradient(startColorstr='#990000', endColorstr='#990000', GradientType=0);
    opacity: 0.5;
}

注意IE 中无法直接通过 filter 属性指定不透明度值。

以上是如何设置 div 背景的不透明度而不影响 IE 8 中包含的元素？的详细内容。更多信息请关注PHP中文网其他相关文章！