rgba() 在 IE8 中无法正常工作答案

【问题标题】：rgba() not working properly in IE8rgba() 在 IE8 中无法正常工作
【发布时间】：2013-12-01 06:44:20
【问题描述】：

我想在 CSS 或 CSS3 中设计一个具有一定透明度的框，它必须在 IE8 中运行，我编写了这段代码，它在其他浏览器中运行良好，但在 IE8 中，框变得完全透明，如何修复这个问题？

.price_tag {
    position: absolute;
    height: 146px;
    width: 295px;
    left: 210px;
    top: 241px;
    background-color: rgba(221, 221, 221, 0.7);
    border-radius: 8px;
    z-index: 200;

    -webkit-box-shadow: -2px -2px 6px rgba(255,255,255, 1) inset, 2px 0px 4px rgba(255,255,255,1) inset;

    box-shadow: -2px -2px 6px rgba(255,255,255, 1) inset, 2px 0px 4px rgba(255,255,255,1) inset;

    behavior: url(pie/PIE.htc); 
}

【问题讨论】：

CSS background opacity with rgba not working in IE 8 的可能重复项
rgba() 在 IE8 中不受支持。

标签： html css internet-explorer-8

【解决方案1】：

rgba 在 IE8 中不受支持，对于备用技巧，这可能会有所帮助
http://css-tricks.com/rgba-browser-support/

【讨论】：

【解决方案2】：

你必须在 IE8 中“破解”不透明效果。

一种方法是使用 1x1 透明 png 和：

background-image: url(<path to your url>);

另一种方法是使用 ms-filters：

opacity : 0.7;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);

但是最后一个有一个不方便的地方。所有选择器都将“alphaed”为 0.7。因此，您应该将您的内容（文本、图像等）放在另一个容器中。

【讨论】：