javascript - 在 IE7 中设置动态生成元素的不透明度

Question

我在 js 中创建一个 div 并设置它的不透明度。这在 IE8 中没有问题:

var div = document.createElement("div");
div.setAttribute("style", "opacity: 0; visibility: hidden; filter: alpha(opacity=0)");

这个元素淡入/淡出，在 IE8 中也很好用:

if (_SU3.browser == "IE") {

    var op = element.filters.alpha.opacity;
    var newOpacity = op - (opacityStep * 100);

    if (newOpacity <= 0) {
        element.filters.alpha.opacity = 0;
        element.style.visibility = "hidden";
    } else {
        element.filters.alpha.opacity = newOpacity;
        _SU3.timeouts[url] = setTimeout(function() { _SU3.fadeOut(element, opacityStep); }, 100); 
    }

} else {

       .....
}

但它在 IE7 中不起作用:从开发人员工具 (F12) 看，创建 div 时似乎没有设置样式。没有错误报告。所以我试过这个:

div.filters = 'alpha(opacity=0)';  

哪些错误“对象不支持此属性或方法”。我也试过设置 zoom: 1 但也无济于事。有什么建议吗？

谢谢

Answer 1

我相信 IE7 在 JS 中的格式更像是:

element.style.filter = "alpha(opacity="+ value +")"