6

我正在使用 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 中提供的样式。

4

1 回答 1

0

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

所以：

#cboxContent {
    padding-bottom:50px;
}

考虑到 #cboxTitle 应该是绝对的，您也可以修复它的高度：

#cboxTitle {
    height:50px;
}
于 2015-02-27T11:35:07.673 回答