尝试在 IE8 中使用不透明度 [重复]答案

【问题标题】：Try to use opacity in IE8 [duplicate]尝试在 IE8 中使用不透明度 [重复]
【发布时间】：2014-12-03 06:49:27
【问题描述】：

我正在尝试在我的网站中使用opacity，但它在 IE8 中效果不佳。我的代码如下：

filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

当我更改值时，结果输出始终相同。

编辑：感谢您给我另一个类似问题的问题...但我有一个布局和它应用于布局的 opacity 属性。

【问题讨论】：

这是您元素的所有代码吗？如果是这样，那么您可能遇到了 IE8 的 hasLayout 问题。
css-tricks.com/snippets/css/cross-browser-opacity 看看这个
@box86rowh 哈哈，我刚刚回答了这个问题；）
它在 IE8 中正常工作。

标签： html css internet-explorer-8 opacity

【解决方案1】：

要支持 IE8+ 透明度，您只需要以下内容：

.transparent {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

http://css-tricks.com/css-transparency-settings-for-all-broswers/

【讨论】：

【解决方案2】：

这是不透明度的所有 css 代码：

.classname {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.8;

  /* Safari 1.x */
  -khtml-opacity: 0.8;

  /* Good browsers */
  opacity: 0.8;
}

尝试添加所有这些，它很可能有效

【讨论】：

我不知道为什么，但是这段代码（没有 -khtml）现在可以工作了.....谢谢！
好吧奇怪，很高兴它有帮助；）