作者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
1F：→ MOONRAKER:IE10看來是要大家拋棄frameset又拋棄table就對了 :P 05/04 13:06
2F：→ fumizuki:補充，相容性檢視還不夠，還要文件模式改為IE5 Quirks 05/06 23:23