Analytics

2015年1月22日 星期四

[IE]解決 iFrame在IE11裡發生堆疊,分層不明問題 (Unknown problem solving occurs in IE11 inside iFrame stacked, layered)


問題
系統從IE 8 升到 IE 11後,原本頁面使用TAB切換,每個TAB包含一個iFrame頁面,且各自獨立,但在IE 11裡,竟然堆疊在一起,且可透示與互相干擾



解決方法
IE 11支援新版的CSS,其中一項就是iFrame預設為透明,且本身IE 11改版內容裡,對zIndex圖層堆疊有做過調整,因此在IE 11裡使用iFrame時,將視為圖層且該圖層背景預設為透明,當iFrame內容比較少,寬高比較小時,就會看得到另一iFrame的內容
所以解決方式為將iFrame要顯示的內容頁做調整,如下:
加入css檔案,並於頁面註冊


css內容
body {
 margin: 5px;
 width: 99%; 
 height: 100%;
 background-color:white;
}

沒有留言:

熱門文章