增加ColorBox中标题区域的大小(高度)

Question

我正在使用ColorBox创建一个具有相当长标题的幻灯片

<a class="slideshow" href="image.gif" 
title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam iaculis velit 
eget augue tincidunt a tempor risus volutpat. Integer tempor sapien justo. Ut 
facilisis odio nec risus aliquet nec rhoncus nunc ultrices. Nulla facilisi. Ut ac 
ligula a metus rhoncus feugiat. Praesent lacinia diam neque, sed tempor felis. Morbi 
sed sapien sem, vitae pulvinar nunc. Fusce metus dolor, iaculis eget venenatis a, 
gravida sed tellus." rel="slides">Slideshow</a>

灯箱工作,但在所有的例子中,没有为标题留出太多空间.如何使标题区域更大,以便ColorBox正确调整灯箱"弹性"窗口的大小？

---

找出一个不错的解决方案.通过覆盖一些样式,我能够将"标题"移动到带有灰色背景的图片中colorbox.css.

#cboxTitle { 
    text-align:justify !important;
    width:98.5% !important; 
    margin-bottom:24px !important;
    padding:5px !important;
    background-color:#333 !important;
    opacity:0.75 !important;
    filter:alpha(opacity=75) !important;
    color:#fff !important;
}

我将这些覆盖基于示例1中提供的样式.

Answer 1

遇到同样的问题。解决方案是在 #cboxContent 上强制一些 \xc2\xabouterHeight\xc2\xbb ，这将从图像的可用高度中减去。

\n\n

所以：

\n\n

#cboxContent {\n    padding-bottom:50px;\n}\n

\n\n

考虑到 #cboxTitle 应该是绝对的，你也可以固定它的高度：

\n\n

#cboxTitle {\n    height:50px;\n}\n

\n