1

モーダル ログイン ウィンドウ/ポップアップの css ファイルを変更しました。問題は、ログインフォームを使用したときに、下と右側にいくつかのスクロールバーがあることでした. ログインダイアログを引き延ばして、全体をより広く、より高くするというアイデアを思いつきました。現在の問題は、背景が新しい寸法で伸びないことです。

高さと幅は元々100%だった

#sbox-content
{
    clear:                  both;
    overflow:               auto;
    background-color:       #fff;
    height:                 130%;
    width:                  160%;
}

これは完全な css ファイルです。新しい寸法に合わせて背景を作成するには、何をどこで編集すればよいか説明してもらえますか? 元の 100% のサイズを 130% と 160% に設定する必要のない、より良いソリューションがあるかもしれません。

.body-overlayed embed, .body-overlayed object, .body-overlayed select
{
    visibility:             hidden;
}

#sbox-window embed, #sbox-window object, #sbox-window select
{
    visibility:             visible;
}

#sbox-overlay
{
    position:               absolute;
    background-color:       #FFFFFF;
}

#sbox-window
{
    position:               absolute;
    background-color:       #FF7400;
    text-align:             left;
    overflow:               visible;
    padding:                5px;
    -moz-border-radius:     3px;
}

* html #sbox-window
{
    top: 50% !important;
    left: 50% !important;
}

#sbox-btn-close
{
    position:               absolute;
    width:                  30px;
    height:                 30px;
    right:                  -120px;
    top:                    -15px;
    background:             url(../images/closebox.png) no-repeat top left;
    border:                 none;
}

.sbox-loading #sbox-content
{
    background-image:       url(../images/spinner.gif);
    background-repeat:      no-repeat;
    background-position:    center;
}

#sbox-content
{
    clear:                  both;
    overflow:               auto;
    background-color:       #fff;
    height:                 130%;
    width:                  160%;
}

.sbox-content-image#sbox-content
{
    overflow:               visible;
}

#sbox-image
{
    display:                block;
}

.sbox-content-image img
{
    display:                block;
}

.sbox-content-iframe#sbox-content
{
    overflow:               visible;
}
4

1 に答える 1

0

質問を理解しているかどうかはわかりませんが、おそらく必要なのは次のとおりです。

#sbox-content
{
    clear:              both;
    overflow:           hidden;
    background-color:   #fff;
    height:             auto;
    width:              auto;
}

動作中のテストケースをオンラインで明確にしていただけますか?

編集

明確にしていただきありがとうございます。

呼び出すときにモーダル ウィンドウのサイズを大きくする必要があるようです。

$("#sample").modal({
    minHeight:400,
    minWidth: 600
});
于 2009-12-15T14:33:48.920 に答える