javascript - 如何强制颜色框始终以与浏览器大小无关的相同边框大小打开？

Question

我需要自定义一个颜色框：我想强制颜色框图像以完全需要的高度打开，使其顶部边框为 70 像素，底部边框为 50 像素，位于固定的居中位置。

强制它使用浏览器重新缩放也很好 - 但那是另一个问题。

Answer 1

好的 - 所以我使用以下 CSS 制作了它：

#colorbox{
    top:0px !important;
}
#cboxWrapper{
    background:none repeat scroll 0 0 transparent;
    border-radius:none;
}

#cboxTopLeft, #cboxTopCenter,#cboxTopRight{
    height:70px;
    background-color:transparent;
    width:0;
}
#cboxMiddleLeft, #cboxMiddleRight{
    height:0;
    width:0;
}
#cboxContent{
    margin: 0 50px 22px 50px;
}

    #cboxLoadingOverlay,
    #cboxLoadingGraphic,
    /*#cboxTitle,*/
    #cboxCurrent,
    #cboxNext,
    #cboxPrevious,
    #cboxClose{ 
        visibility:hidden;
        display:none;
    }