IE8下iframe中巢狀帆軟報表頁面顯示空白問題

2021-09-01 18:09:03 字數 711 閱讀 4039

前兩天專案組發現乙個問題,在ie8下使用標籤頁+iframe顯示多個頁面的時候,開啟其他頁面都正常,但是開啟使用帆軟報表軟體(finereport)開發的報表頁面就顯示空白,奇怪的的是看狀態列有載入相應頁面,而且改變一下iframe的視窗大小(例如按f11全屏)頁面就會立刻顯示出來,感覺就是頁面從服務端載入後受到什麼阻塞沒有最終渲染出來。問題很難診斷,特別是現在都公升級到ie9/ie10了,使用開發人員除錯工具(f12)切換成ie8的瀏覽器模式檢視時執行正常(可能是修復了以前的bug),遠端到專案組檢視又各種慢和不方便,把我糾結死。今天在同事的幫助下,借助她電腦上的ie8,經過反覆測試驗證,終於打到了問題所在t_t,趕緊記錄下來,以免忘記。

由於整體是使用了div+iframe搭的框架,div元素有absolute和relative各種定位,而影響報表頁面載入的「罪魁禍首」即是iframe上層節點中"[color=darkred]position:relative[/color]"的定位(我還是更怪罪ie8的bug!其他版本ie及其他瀏覽器都公尺有問題呀~~),解決方法非常簡單:iframe樣式也加上"[color=darkred]position:relative[/color]"。

但我現在仍然不明白為什麼上層節點(不一定是父節點)設定過position而iframe不指定postion就會出現這樣的問題,目前懷疑是因為帆軟報表頁面裡面有一些去判斷或計算外層視窗位置的指令碼,可能在計算時出現了問題影響到頁面渲染。如有哪位大蝦路過並且知道原因的,煩請相告,謝謝~

ie8下的iframe詭異問題

同乙個頁面在firefox下面正常,但是在ie8下面卻cpu100 導致瀏覽器掛了。用fiddler檢查了一下,發現ie8下的請求數和firefox下的請求數不一樣,仔細檢視了一下頁面,發現頁面中有乙個iframe。該iframe的src是同網域名稱下的鏈結,而且width和height設定都為0....

ie8下iframe之間互相呼叫取值

現在做b s專案,基本都支援到ie8.就在寫地圖的時候,需要iframe的各個js互相呼叫。這個我真的是鬱悶,ie8就是個坑,和別的瀏覽器不相容。不過還好,找了好久,網上找到了解決辦法,在此做下記錄,以免以後丟失。js實現 取id為main的iframe中mapobj的值 window.parent...

IE8下相容background size方法

background size length percentage cover contain ie9 firefox 4 opera chrome 以及 safari 5 支援 background size 屬性。css3 新增的 background size 是乙個很有用的屬性,用於定義背景...