2010年11月8日 星期一

IE8 X-UA-Compatible重繪問題

IE8在讀到舊版的css之後會造成重繪問題。本來這樣設定在第一次讀取的之後還是錯誤的,然後再次讀取(重新整理)之後就正確。
<head>
…
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<style type="text/css">…</style>
</head>

測試出來的解法為,在呼叫Style的前面和後面都用這個語法包上。
<head>
…
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<style type="text/css">…</style>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
</head>
如此一來,在讀到舊版的時候就會是正確的

自己想到可能的原因有,style設定檔是內崁入html,在呼叫的時候的順序問題(?),所以用此方法可以解決。

而且,這個方法若移除上方的那個,依舊是錯誤

當然!最好的辦法是重新寫過CSS,不這就不在這篇的分享範圍裡了 XD