Javascript style.opacity未定义

Question

我使用Javascript和Mootools来创建特定的HTML页面，其中包含一个javascript文件，该文件检查某个特定操作的元素的不透明度。

然而，在IE上，我遇到了elem.style.opacity给出一个未定义的值的问题。

这是我正在做的操作，

var elem = $('login');
alert(elem.style.opacity);
if(elem.style.opacity == 0)
{
    // Code
}

此警报会在除IE之外的所有浏览器上提供正确的不透明度值。

如有任何指导，敬请惠顾。

Answer 1

您可能希望创建一个或多个具有不同不透明度的类。您可以检查元素是否有类，并在必要时更改它，而不是检查不透明度值。

<style>
.hasOpacity_opacity {
  opacity: 0.2;
  filter: alpha(opacity = 20);
}
</style>

<script>
var elem = $('login');
alert(elem.style.opacity);
if(!elem.hasClassName('hasOpacity'))
{
    // Code
}
</script>

(此代码使用Prototype JS中的'addClassName‘)

Answer 2

这应该会给你指明正确的方向。IE不使用不透明度：

http://joseph.randomnetworks.com/archives/2006/08/16/css-opacity-in-internet-explorer-ie/