0

CSSに次のように宣言してもらいます。

#loadingBox-holder
{
    height:100%;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    filter: alpha(opacity=30);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    opacity:0.7;
    -moz-opacity: 0.7; 
    z-index: 1000;
    background-color:#000;
}

#loadingBox
{
    position: fixed;
    left: 40%;
    top: 50%;
    z-index: 1000;
    height: 36px;
    width: 138px;
    border:1px solid #ccc;
    background:#fff !important;
    padding:5px 5px 10px 10px;
    opacity:100;

    /*-moz-opacity: 100 !important; */

}

およびHTML：

<div id="loadingBox-holder" style="">
                <div id="loadingBox">
                    <p>Please wait...</p>
                    <img src="../Images/loading.gif" alt="" />
                </div>
            </div>

上記のコードは読み込みインジケーターです。私の問題は、loadingBox-holdが灰色の透明ですが、loadingBoxが透明ではなく正常であることを望んでいます。次のCSSを追加します。

filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity:1;
-moz-opacity: 1;

ただし、子divはまだ透過的です。

私の間違いはどこにあり、それを修正する方法は？

ありがとう ！

4

1 に答える 1

1

を使用している場合position fixed、loadingBoxをホルダーの外に移動しても、最終出力に違いはなく、不透明度の問題が修正されます。

<div id="loadingBox-holder" style="">
</div> 

<div id="loadingBox">
    <p>Please wait...</p>
</div>
​

デモ

于 2012-11-25T13:56:58.407 に答える