IE8中的不透明度过滤器

Question

我需要为学习目的创建一个fadein方法。我在某处看到，元素需要具有一定的高度和宽度，以便IE8正确呈现不透明度。我试图使用不透明度的元素，有一个布局，有宽度和高度，即使这样它也无法正常工作。 我找到了使用过滤器以某种方式使用不透明度的解决方法。 它确实有效但它也会弄乱我的布局。

我的不透明度代码是：

var e = document.getElementById("nav");
e.style.filter = 'alpha(opacity=' + .5 * 100 + ')';

nav css的代码

#nav                    
{
    /*top: -10px;       
    height: 55px;    
    display: block;
    position: relative; 
    width: 100%;        
    background: #fff;   

}

现在，如果我注释掉这些行，那么呈现的页面就像

现在，当允许执行这些行时，页面就像

我使用了导航菜单的相对定位，并使用top将其向上移动了一点。 请告诉我这是什么问题？