2011-09-09 76 views
3

我遇到的問題只發生在IE7中。通過JavaScript函數,我啓動了一個colorbox。我在參數中定義高度和寬度。Colorbox IE7高度問題

與其他瀏覽器相比,IE7似乎將colorbox的高度縮短了40px。這導致滾動條可見,以適應現在比彩盒本身更大的內容。

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

以前有人遇到過嗎?

回答

1

好的,我解決了它。

根本原因:我認爲colorbox試圖爲不同的瀏覽器(如IE6,IE7,IE8,IE9)呈現自己的方式有所不同。我注意到了這一點,通過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;} 

希望這有助於!

0

是的,我相信在我的情況下,它是由於填充/保證金問題。嘗試在那裏設置它們也是0,看看它有什麼作用。

+0

嗨格雷姆,在colorbox(http://colorpowered.com/colorbox/)中沒有保證金/填充參數,我試着在Colorbox.css中將所有填充和邊距設置爲0,但沒有運氣。你有沒有機會記得你改變了哪個保證金/填充?謝謝你的幫助 – Zeb