Question

我已经为模态登录窗口/弹出窗口更改了一个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;
}

Answer 1

我不是确定我理解这个问题，但也许你只需要：

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

您能否在网上澄清一个有效的测试用例？

修改

感谢您澄清。

当你调用时，你应该增加模态窗口的大小：

$("#sample").modal({
    minHeight:400,
    minWidth: 600
});

css背景不会延伸模态框内容

1 个答案: