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