Question

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

这个（误导性的？）陈述引起了我的注意： “现在，您真的不必担心不透明度是跨浏览器的难点。您只需使用opacity属性，如下所示：

debugonce(sp:::sample.Spatial)

“

不再用于：

done = assert.async();

而且，为什么在旧浏览器中找到Javascript属性选择器如此困难？我所能找到的只是“MozOpacity”：http://help.dottoro.com/ljdkioqd.php，以及此处的“filter.alpha”属性：http://help.dottoro.com/ljqtwlbv.php。 khtml属性选择器怎么样？如果这些其他选择者仍然有用，那么文章中的陈述似乎会误导我。他让所有新旧浏览器突然变得不透明。我只需要澄清一下（我已经在StackOverflow上阅读了关于不透明度跨浏览器的所有其他问题，并且没有发现任何重要的事情）。

＆lt; -----------------------------更新--------------- ------------------＆GT;

我找到了所有的选择器！在这里，他们适合任何想要使用它们的人：

QUnit.test("method Debug.numberOne is called", function (assert) {
  var done = assert.async(); // Pause the test
  localStorage.setItem('uid', '1');
  function checkNumberOne() {
     assert.ok(numberOneIsCalled, " detected user is development user #1");
     done();
  }
  setTimeout(checkNumberOne, 6000);
});

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

.thing {
  opacity: 0.5;
}

Answer 1

他让所有人都突然发现不透明浏览器新旧。

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

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

caniuse.com估计IE8的全球用户群 0.63％。

未列出其他浏览器（IE7及更低版本，Netscape和Safari 1）。

Answer 2

＆lt; -----------------------------更新--------------- ------------------＆GT;

我找到了所有的选择器！在这里，他们适合任何想要使用它们的人：

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

注意：使用＆＃34; MsFilter＆＃34; property确保用斜杠取消额外的引号：

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

感谢大家的帮助/意见！

跨浏览器不透明度Javascript属性

2 个答案: