布局在IE 7中完全搞砸了

Question

我的頁面在除IE 7之外的所有瀏覽器中都能正常工作。在IE7中，div完全脫離了它們的位置。 我懷疑它是由於使用position:fixed 。 我嘗試使用正確的doctype ，但它仍然無濟於事。 IE7也說它在標准模式下渲染，所以我不知道問題是什么。 這是jsfiddle鏈接： http ： //jsfiddle.net/FgXS4/

Answer 1

IE7已知道position:fixed嚴重問題position:fixed 。

如果你需要支持IE7，你最好的選擇是忘記該瀏覽器的固定定位事物，並讓元素滾動到頁面的其余部分。 編寫一個自定義樣式表，只針對IE7推出標准CSS，並讓IE7用戶略微降低瀏覽體驗。 這是我對你最佳選擇的建議。

有一些黑客試圖解決這個問題，特別是IE9.js ，它在舊的IE版本中實現了一大堆補丁，試圖讓它們符合現代標准。 這是一個很棒的小腳本。 它不能做任何事情，它肯定不會神奇地將IE7變成IE9，但它可能有助於解決這個問題（我知道它有專門處理IE7的position:fixed修補程序position:fixed錯誤），所以它可能是值得一試。

當然，您的另一個選擇是停止支持IE7。 老實說，這可能是一個很好的答案。 使用IE7的人數下降非常快（甚至比IE6更快）; 它的使用數據極低，每個月都在降低。 您可能會發現自己正在做很多工作來解決這個問題，然后幾乎沒有人真正從中獲益。 如果你完全放棄對IE7的支持，你可以節省很多時間。 如果你很幸運，也許沒有人會注意到。 （即使他們確實注意到，也許它會給他們一個輕推他們需要升級他們的瀏覽器！）