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 回答