Colorbox IE7 高度问题

Question

我遇到了一个问题，只有在IE7中出现。通过一个JavaScript函数，我启动了一个colorbox。我在参数中定义高度和宽度。

在IE7中，颜色框的高度似乎比其他浏览器短40像素。这导致出现滚动条来容纳内容，因为现在内容比颜色框本身要大。

function LoadColorbox(url) {
    jQuery.colorbox({ href: url, iframe: true, opacity: 0.7, height: 560, width: 878, top: 53 });
}

有人遇到过这种情况吗？

- Zeb

Answer 1

好的，我解决了。

根本原因：我认为在不同的浏览器中（如IE6、IE7、IE8、IE9），colorbox尝试渲染自己的方式存在差异。通过IE开发工具栏检查DOM，我注意到了这一点。

细节：我的情况是，我试图隐藏colorbox的某些元素，比如下一个和上一个按钮，但对于IE7来说并没有以足够的方式隐藏。而在其他浏览器上，colorbox的高度被排除在底部透明控件的高度之外，而IE7似乎在计算我的内容的高度时考虑了控件的高度。

我的修复代码：Colorbox.css

    /* Unused elements */
    #cboxTitle,#cboxCurrent,#cboxNext,#cboxNext,#cboxPrevious,#cboxSlideshow,  #cboxTopLeft,#cboxTopCenter,#cboxTopRight,#cboxBottomLeft,#cboxBottomCenter,#cboxBottomRight
    {display:none;height:0px;width:0px;}

希望这能有所帮助！

- Zeb

Answer 2

是的，我有遇到过类似的问题，我相信在我的情况下是由于填充/边距问题引起的。尝试将它们设置为0，看看会发生什么。

- Graeme Leighfield

---

嗨，Graeme，colorbox（http://colorpowered.com/colorbox/）中没有边距/填充参数，我已经尝试在Colorbox.css中将所有填充和边距设置为0，但没有成功。您是否记得确切更改了哪个边距/填充？感谢您的帮助。 - Zeb