作者fumizuki (矇面加菲獅)
看板Visual_Basic
標題[資訊] IE10 bug
時間Sat May 4 11:07:32 2013
1. 使用框架(frameset)顯示多重文件格式(DOCTYPE),
在IE10標準模式下可能會顯示空白畫面
<!-- main.html -->
<!DOCTYPE html>
<html>
<head>
<meta content="IE=5" http-equiv="X-UA-Compatible" />
</head>
<frameset id="mainframe" rows="2" cols="217,*" bordercolor="#C0C0C0"
frameborder="no">
<frame name="left" src="menu.html" marginwidth="0" marginheight="0"
scrolling="Auto" frameborder="no" noresize>
<frame name="right" src="page1.html" marginwidth="0" marginheight="0"
scrolling="auto" frameborder="no">
</frameset>
</html>
<!-- menu.html -->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
</head>
<body>
<table>
<tr>
<td><a href="page1.html" target="right">HTML5</a></td>
</tr>
<tr>
<td><a href="page2.html" target="right">HTML4</a></td>
</tr>
</table>
</body>
</html>
<!-- page1.html -->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
</head>
<body>
IE10 開發者工具中會顯示瀏覽器模式為 IE10,文件模式為 IE5 Quirks<br />
</body>
</html>
<!-- page2.html -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
</head>
<body>
IE10 開發者工具中會顯示瀏覽器模式為 IE10,文件模式為 IE5 Quirks
在左側點選功能選單開啟此頁面,會看到空白畫面
使用開發者工具中的網路頁籤追縱,
IE 是有向 Web Server 送出 GET 要求此頁面的,但就是看不到結果
按下 <b>Alt</b> 鍵顯示 IE 功能表列時同時也會顯示此頁面
如果使用者一開始就切換瀏覽器模式到 Internet Explorer 10 相容性檢視,就一切正常
</body>
</html>
解決方法1:不要混合著多種文件格式,全部改為HTML5設計,或全部改為HTML4設計
解決方法2:要求使用者自行切換至相容性檢視再開始瀏覽網頁
2. 網頁中的表格(TABLE)元素有合併列及合併欄,列印時畫面超過一頁時
合併列以前的所有框線都會消失
(IE8, IE9, IE10 都有這個問題)
案例:
ASP.NET 中使用 GridView 產生表格,
並在 GridView.DataBound 事件中額外加入一列有合併列的標題
類似下圖所示:
┌──┬─────┬──┬
│標題│ 標題 │標題│...
│ ├──┬──┤ │
│ │標題│標題│ │
├──┼──┼──┼──┼
│資料│資料│資料│資料│
├──┼──┼──┼──┼
│資料│資料│資料│資料│
├──┼──┼──┼──┼
解決方法:
有合併列的表格不要跨頁
→GridView設定不顯示標題列,並且在GridView之前另外設計一個只有標題列的表格
(但是表格的每一個欄位都需要指定寬度,否則可能會標題列和資料列不同寬度)
google 搜尋到的相關討論如下:
http://stackoverflow.com/questions/13750134/ie-10-missing-border-segments-while-printing-table-elements
https://connect.microsoft.com/IE/feedback/details/776830/borders-missing-when-printing-in-standards-mode
https://connect.microsoft.com/IE/feedback/details/771188/tables-printing-problem-in-ie10
--
▃▅▇▆▄ ▆▂▃ `
逝去感情如何能留住,半點癡情遺留殊不易,██▅▇▄▃ ▇▃▂" .
█████████▃i ▁▄▇
更多悽悽慘慘的遭遇…………██▆▃ █▅▆▃ˍ▄*
◢ ▂█▄▇▅▂▌.
我不知道,王~八~蛋~~! ▂▆███ █▄▃ 。fumizuki。Check。
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 123.194.229.179
→ MOONRAKER:IE10看來是要大家拋棄frameset又拋棄table就對了 :P 05/04 13:06
→ fumizuki:補充,相容性檢視還不夠,還要文件模式改為IE5 Quirks 05/06 23:23