jquery - Colorbox IE7 高度问题

Question

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

与其他浏览器相比，IE7 似乎使颜色框的高度缩短了 40 像素。这导致滚动条可见，以容纳现在大于颜色框本身的内容。

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

以前有人遇到过这个吗？

Answer 1

好的，我已经解决了。

根本原因:我认为 colorbox 尝试为不同的浏览器(如 IE6、IE7、IE8、IE9)呈现自身的方式有所不同。我通过 IE 开发工具栏检查他的 DOM 注意到了这一点。

详细信息:在我的场景中，我试图隐藏颜色框的某些元素，例如下一个和上一个按钮，但对于 IE7 而言，这样做的方式不够充分。而在其他浏览器上，颜色框的高度被排除在底部透明控件的高度之外，IE7 似乎在计算我的内容的高度时考虑了控件的高度。

我要修复的代码:颜色框.css

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

希望这对您有所帮助!