2012-12-05 80 views
0

我用彩盒調用屏幕上並考慮到客戶的需求幾模態信息,要做到這一點的最好辦法是透過iFrame(不是我的第一選擇,但不管) 。在Chrome,FF等中一切都很好用,但iFrame內容不適用於任何版本的IE。模態包裝出現,但沒有內部。這是我迄今所做的:彩盒iFrame內容的8/9

  1. 改變了DOCTYPE過渡時期和嚴格的IE瀏覽器。沒有骰子。
  2. 刪除了「iframe:true」,並將其替換爲HTML「Hello」。這工作得很好,並且「Hello」出現在Colorbox模式中。
  3. 我已經從標題中刪除了所有樣式表。沒有運氣,所以它不是一個CSS問題。
  4. 可以肯定的是,我從1.8.2將我的JQuery庫回滾到1.6.2。在那裏也沒有。

任何幫助,將不勝感激。這是加重的。

一些代碼:

$(function() 
{ 
    $(".modal-large").colorbox({iframe:true, innerWidth:580, innerHeight:500}); 
}) 

HTML:

<div class="top-droptext"><a class="modal-large" href="modal/serviceproviderinfo.html">Update Password</a></div> 

回答

0

它的DOCTYPE問題。您需要將此添加到您的colorbox呼叫者頁面的開頭:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
+0

我試過了,因爲我看到這是ColorBox和IE的常見問題。它仍然不起作用。 但是,嘿,也許我實施錯了。我是否應該爲父HTML頁面和iFrame頁面使用Strict?這就是我現在設置的方式。 – Rocketpig

+0

@Rocketpig,我只是把這個doctype添加到我的呼叫者頁面中,而不是iframe頁面,它在我的結尾(IE8)上工作。你能否更清楚在這裏工作?這是iframe無法加載或破碎的彩盒風格? – SubRed

+0

ColorBox模式正在加載疊加和白色「內容」框。它在IE中打開並關閉,但實際的iFrame內容完全丟失。這只是一個空白的白色盒子。在我查看的每一個瀏覽器(Saf,Chrome,FF)中,一切正常。 ColorBox模式打開,iFrame顯示在內容div中。 – Rocketpig