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

Это должно указать вам правильное направление. IE не использует прозрачность:

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

Answer 2

Возможно, вы захотите создать один или несколько классов различной непрозрачности. Вместо проверки значения непрозрачности вы можете проверить, есть ли у элемента класс или изменить его, если необходимо.

<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>

(этот код использует ' addClassName ' из Prototype JS)