CSS alpha不透明IE8溢出被隐藏

时间:2012-06-03 05:17:24

标签: css internet-explorer-8 filter opacity alpha

有人能告诉我这里我做错了什么吗?内部类'tab'应该具有负的上边距但是当-ms-filter:Alpha(opacity=40);被应用时,容器似乎有溢出:隐藏的强制。

请记住,这只发生在IE8中。这是小提琴:

http://jsfiddle.net/ANh4k/2/

如果我能提供更多信息,请告知我们,并提前感谢您。

UPDATE 这是使用IE8开发人员工具的屏幕截图,我已经取消选中尽可能多的选项,试图找出导致不透明度问题的原因(请记住,-ms-filter:...没有在IE8 CSS开发人员列表中显示;但它已应用)。

enter image description here

1 个答案:

答案 0 :(得分:1)

摆脱了小提琴中的z-index ... z-index混淆了IE8,它认为你不想要溢出它...那就是你的IE ...

http://jsfiddle.net/ANh4k/40/

  #feed-container-outline.mini.active {
        display:block;
        position:absolute;
        zoom:1;
        right:5px;
        top:45px;
        width:370px;
        height:53%;
        min-height:320px;
        background:#ED9A27;
        opacity:.4;
        border:2px solid #F16719;
        -moz-box-shadow:1px 1px 3px #aaa;
        -webkit-box-shadow:1px 1px 3px #aaa;
        -o-box-shadow:1px 1px 3px #aaa;
        box-shadow:1px 1px 3px #aaa;
        overflow:visible;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 
}


 #feed-container-outline.mini.active .tab {
        display:block;
        overflow:auto;
        position:absolute;
        float:right;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        width:70px;
        right:-1px;
        top:-45px;
        height:45px;
        background:#ED9A27;
        border:2px solid #F16719;
        border-bottom: 0px;
}​