增加标题区域的大小（高度）在彩盒

我用彩盒创建具有相当长的头衔增加标题区域的大小（高度）在彩盒

<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

来源

2012-07-24 Howard Kim

你可以提供一个演示？ – 2012-07-25 03:07:20

你应该自己回答。您的解决方法正常工作。 – Junto 2014-08-14 10:04:08

这个问题比自己提供的答案更好。 – 2015-04-30 13:18:19

打同样的问题中提供。解决方案是强制#cboxContent上的一些«outerHeight»，它会从图像的可用高度中减去。

所以：

#cboxContent { 
    padding-bottom:50px; 
}

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

#cboxTitle { 
    height:50px; 
}

来源

2015-02-27 11:35:07 Yvan

增加标题区域的大小（高度）在彩盒

回答

相关问题