如何定位 -moz-不透明度属性

How to target -moz-opacity property

本文关键字：-moz- 不透明度 属性 定位 何定位      更新时间：2023-09-26

通常我们使用以下方法定位CSS不透明度： 

document.getElementById('wrapper').style.opacity="1";

如何定位-moz扩展？我试过使用： 

var moz = document.getElementById('wrapper').style.-moz-opacity="1";

但是脚本在这样做时会卡住。我想用纯JavaScript来做。

以下 MDN：

壁虎 1.9.1（Firefox 3.5）及更高版本不支持-moz-opacity和 在 Gecko 13 中删除了对 JavaScript 中MozOpacity的支持。到现在为止， 您应该使用简单的opacity .

所以以前是：

var opacity = document.getElementById("wrapper").style.MozOpacity;

现在是：

var opacity = document.getElementById("wrapper").style.opacity;

您是否尝试使用与 z-index "style.zIndex" 相同的驼峰大小写？"风格。MozOpacity"，M 是大写字母，因为它以 - 开头，跳过第一个下壳。但是新的FF浏览器将不具有此属性。

http://jsfiddle.net/kNbhg/3/

<div id="demo" style="-moz-opacity:1.0"></div>
var str = "";
var elm = document.getElementById("demo");
for(var p in elm.style)
    str += p + " " + typeof(elm.style[p]) + "<br/>";
document.body.innerHTML += str;

你应该能够做这样的事情：

document.getElementById（'wrapper'）.style["-moz-opacity"]="1";

"style"只是一个对象，所以你应该能够用方括号表示法来调用它。

相关文章：