2

誰かが私がここで間違っていることを教えてもらえますか? 内部クラス「タブ」には負の上部マージンがあるはずですが、-ms-filter:Alpha(opacity=40);適用されると、コンテナーにオーバーフロー:非表示が強制されているようです。

これは IE8 でのみ発生していることに注意してください。ここにフィドルがあります：

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

提供できる情報が他にもありましたらお知らせください。よろしくお願いいたします。

更新これはIE8開発者ツールを使用したスクリーンショットです。不透明度の問題の原因を突き止めるために、できるだけ多くのオプションのチェックを外しました（覚えておいて-ms-filter:...ください、IE8 CSS開発者リストには表示されませんが、適用されます） .

ここに画像の説明を入力

4

1 に答える 1

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;
}​
于 2012-06-03T07:30:25.707 に答える