在 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 +")"

Answer 2

需要注意的是，如果不设置宽度，Alpha 过滤器将无法在 IE7 中工作。这是一个来之不易的发现。