javascript - 跨浏览器不透明度 Javascript 属性

Question

我刚刚读完这篇文章: https://css-tricks.com/snippets/css/cross-browser-opacity/

这个(误导性的？)声明引起了我的注意: “如今，您真的不必担心不透明度成为跨浏览器的难题。您只需使用不透明度属性，如下所示:

.thing {
  opacity: 0.5;
}

”

不再用于:

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

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

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

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

  /* Good browsers */
  opacity: 0.5;
}

?

另外，为什么很难找到适用于旧浏览器的 Javascript 属性选择器？我在这里只能找到“MozOpacity”:http://help.dottoro.com/ljdkioqd.php ，以及此处的“filter.alpha”属性:http://help.dottoro.com/ljqtwlbv.php . khtml 属性选择器呢？如果这些其他选择器仍然有用的话，文章中的陈述似乎误导了我。他让不透明度看起来突然在所有新旧浏览器中都起作用了。我只需要澄清一下(我已经阅读了 StackOverflow 上关于不透明度跨浏览器的所有其他问题，但没有发现任何重要的问题)。

<---------------------------- 更新 ---------------- ------------------>

我找到了所有的选择器!在这里，它们适用于任何想要使用它们的人:

.style.opacity
.style.MsFilter
.style.filter.alpha
.style.MozOpacity
.style.KhtmlOpacity

注意:使用“MsFilter”属性时:

.style.MsFilter = "\"progid:DXImageTransform.Microsoft.Alpha(opacity=1)\"";

Answer 1

He's making it seem like all of a sudden opacity works in every browser old and new.

您可以在此处找到浏览器使用情况统计信息:

http://caniuse.com/#feat=css-opacity

caniuse.com 估计 IE8 的全局用户群为 0.63%。

其他浏览器(IE7 及更低版本、Netscape 和 Safari 1)未列出。