0

モーダル ポップアップ エクステンダの CSS が Chrome では機能しませんが、IE では完全に機能します。

ここに私のCSSがあります:

.modalBackground
{
    background-color:#250517;
    opacity:0.5;
    filter: alpha(opacity = 50);
}

.modalPopup 
{
        background-color:White;
        border-width:3px;
        border-style:solid;
        border-color:Black;
        padding:3px;
        width:250px;
        height:300px;

}

これは、CSS が完全に機能している IE のスクリーンショットです。

これは、CSS が機能していない Chrome のスクリーンショットです。

4

3 に答える 3

1

私のChromeブラウザでは問題なく動作しました。ここまたはここで見ることができます。

クロムが更新されていない可能性があります。chrome21でやってみました。

于 2012-08-05T01:30:53.077 に答える
1 
.modalBackground {
    background: #250517;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modalPopup {
    background: #FFF;
    border: solid 3px #000;
    display: block;
    padding: 3px;
    width: 250px;
    height: 300px;
}
于 2012-08-05T01:20:41.537 に答える
0

見てください、このようなもののために...車輪を再発明することは本当に意味がありません.

クロスブラウザーで信頼できることが保証されている、試行錯誤されたプラグインを強くお勧めします。時間と労力を大幅に節約できます。

Shadowbox (jQuery プラグイン) を試す: http://www.shadowbox-js.com/

幸運を。

于 2012-08-05T01:20:51.177 に答える