Internet Explorer 7中的Fancybox/JQuery

我們在http://www.tuxx.nl/spelling/werkwoorden/#print上使用Internet Explorer 7中的FancyBox 2.0/JQuery 1.7。當您點擊底部的「反饋」按鈕時，您會看到一個帶有滾動條的彈出框。我們如何讓它看起來像在Chrome中看起來一樣？Internet Explorer 7中的Fancybox/JQuery

可以分兩步完成：
1）~~設置滾動屬性設置爲false~~
2）添加某處下面的代碼，之後的任何CSS設置您的.wrapper類

<!--[if lt IE 8]> 
<style type="text/css">#feedback_form .wrapper { height:362px; width:500px; }</style> 
<![endif]-->

Fancybox根據其內容的大小來設置它的大小。在IE $().width()和height的舊版本中，可能會返回錯誤的值，因爲它沒有考慮邊距/填充或其他原因。我用來知道原因是什麼，但我忘了。主要的一點是它在IE瀏覽器中被破壞了，所以你需要將寬度/高度設置爲足夠大以使其正確顯示。

你可以在Javascript的某個地方用$('#feedback_form .wrapper').css({'height':'362px','width':'500px'});作爲概念驗證來測試。我已經親自在IE9兼容模式下進行了測試，在點擊「反饋」按鈕之前使用控制檯。

2012-02-25 09:42:43 Shea

謝謝，我會試試:)。 – 2012-02-25 10:14:30

嘗試將滾動屬性設置爲false。我發現像你這樣回答的問題，檢查出來jQuery - Fancybox: But I don't want scrollbars!

2012-02-25 09:36:16 arunes

現在我暫時使用'overflow：hidden'。感謝您的回答！ – 2012-02-25 10:15:03

回答