css - 自定义彩框标题(长标题及其位置)

Question

请看这个link例如。

如何在弹出窗口下添加长标题？例如，添加如下 3 行:

我们可以在标签的标题中添加一行，我试图改变这种风格

#cboxTitle {
position: absolute;
bottom: -25px;
left: 0px;
text-align: center;
width: 100%;
font-weight: bold;
color: #7C7C7C;

}通过添加高度或 top:800px，标题消失

Answer 1

这个解决方案似乎对我有用:

$(document).bind('cbox_complete', function(){
    var cboxTitleHeight = $('#cboxTitle').height();
    var cboxContentHeight = $('#cboxContent').height();
    var cboxWrapperHeight = $('#cboxWrapper').height();
    var colorboxHeight = $('#colorbox').height();

    $('#cboxMiddleLeft, #cboxMiddleRight, #cboxContent').css('height', (cboxContentHeight + cboxTitleHeight) + 'px');
    $('#cboxWrapper').css('height', (cboxWrapperHeight + cboxTitleHeight) + 'px');
    $('#colorbox').css('height', (colorboxHeight + cboxTitleHeight) + 'px');
});

我也找到了这个解决方案 https://gist.github.com/eddyyanto/1620742 , 但似乎不适用于 colorbox 的 v.1.5.x。