HTML相容性 不聲明doctype，IE9標準模式下position:fixed定位失敗，導致遮罩層（Mask Layer）顯示在頁面最下方，FF和Chrome正常

標籤：高度自適應   style   blog   http   color   os   

問題描述：ie9標準模式下，老系統中的頁面很少有寫doctype的，但是不寫這個聲明，瀏覽器對於文檔的解析機制就不一樣了，特別是對於table和樣式中的width, height 為100%布局，以及高度自適應的實現方案有影響，不瞭解的可以自行百度先，那麼不寫的話，又想加1個遮罩層的效果，一般我們遮罩層是藉助position絕對位置實現的，可以寫fixed，也可以寫absolute，設定為fixed的時候，文檔沒有doctype，就會導致遮罩層出現在文檔最下方，而不是絕對位置的效果，切換為ie9相容模式依舊不能解決問題，那麼只好加doctype了，但是加了之後老代碼中的網頁布局多寫的是各種100%，頁面錯亂。

 

解決方案：

1. 費事，修改所有受影響的頁面的樣式和布局，如果你有時間的話

2. 加上doctype先，實現遮罩，然後切換為ie9相容模式即可，頁面的樣式也不會錯亂。

 

未驗證的問題：

IE8及低版本是否存在此問題

 

結論：--

 

參考部落格：position:fixed; 在IE9下無效果的問題