IE7職位固定問題Doctype無法修復

剛剛完成一個網站，並有位置問題：固定在IE7上。我谷歌搜索了它，並嘗試了不同的文檔類型，但固定區域仍然在IE7上移動。IE7職位固定問題Doctype無法修復

我還沒有IE7，但客戶端的工作人員有它，我可以看到使用在線IE瀏覽器渲染器/測試儀的問題。

我已經從測試網站中刪除了.htaccess，因此您可以看到網站/代碼。

任何建議或幫助，將不勝感激。

2011-07-21 Burni

/offtopic：您可能會對我下載IE測試器http://www.my-debugbar.com/ietester/install-ietester-v0.4.10.exe感興趣，測試不同版本的IE。該程序崩潰了一段時間，但它是值得的我想如果你想支持IE瀏覽器。不，我不是股東:) – PeeHaa

有一個<div>和<ul>元素，它們都有id="logo-nav"。他們都設置了position:fixed和其他一些屬性。我認爲這是主要問題。刪除重複的ID，僅爲<div>元素設置position:fixed，然後我們可以調查問題（或問題應該最好消失）。

如果您有更新版本的Internet Explorer，可以通過單擊兼容性視圖按鈕或在開發人員工具中選擇IE7文檔模式來模擬IE7。

編輯：我注意到你還沒有爲#logo-nav設置left屬性。我不知道爲什麼IE7計算其他瀏覽器的默認位置，但簡單地爲我添加#logo-nav { left: 225px }作品。

來源

2011-07-21 15:47:30 duri

兼容模式是好的，但請記住它不是一個真實版本的IE7的100％準確的副本。對於IE7中頁面的精確呈現，最好使用IETester（如上面註釋中所推薦的） – Spudley

我已經重命名了ul並更改了一些css來擺脫相對位置。絕對的位置是有'黑客'的文字鏈接到一邊。然而，這似乎並沒有解決IE7問題。我現在在Mac上工作，所以我正在使用遠程測試IE瀏覽器（不理想，我知道）。 – Burni

@Burni我編輯了我的答案。 – duri

在你的CSS試試這個：

* html idorclasshere { 
position: absolute; 
}

注：與無響應的DIV的你，好了，ID或類替換「idorclasshere」（不用擔心，由於星號，其他瀏覽器除了IE不會看到它，將它與您的「位置：固定」樣式結合使用）。

來源

2011-07-21 18:04:40

抱歉，安德烈斯，你能爲我澄清一點嗎？這應該在相同的CSS規則（＃logo-nav）還是單獨的規則？（* html logo-nav）？是否需要html位，並且我的ID是否需要前面的'＃'？ – Burni

你可以在你的主樣式表中將它貼在任何你喜歡的地方，作爲一個單獨的規則（即「* html＃logo-nav {position：absolute}」）..原因在於IE對待位置：固定和你需要對其進行破解以使其行爲正常。這裏是一個有一個實例的網站; http://ryanfait.com/position-fixed-ie6/ –

IE7職位固定問題Doctype無法修復

回答

相關問題