ie7頁腳底部停留問題

Question

如果有人可以請求幫助，我在IE7中遇到了問題。去這個鏈接

Testing page link

當加載後，頁面將鼠標懸停在頂部導航的一個環節頁腳拍攝了一半的距離在頁面上，只能在右側滑過另一個選項卡重置。

這是怎麼回事？這是DOCTYPE還是CSS問題？以下是我已經檢查

1. 文檔類型
2. CSS樣式圖像的高度和寬度，看看它釋放某種高度的（我不知道）
3. 重複的CSS樣式

任何幫助將是真棒謝謝

Answer 1

只需添加：

overflow:hidden 

到#nav一個

順便說一句有一些更好的，純CSS翻滾技術，just in case you didn't know

Answer 2

這有一個奇怪的氣味（從您的CSS文件）：

.rollover { display: block; cursor: pointer; } 
/* Allow setting widths and heights */ 

.rollover img { width: 100%; height: 100%; border: 0; } 
/* only set width and height once */ 

.rollover:hover { visibility: visible; /*for IE */ } 
/* sets any property for the :hover state */ 

.rollover:hover img { visibility: hidden; } 

，如果你想做出點不顯示，使用display: none;代替visibility: hidden;

編輯我將鬼混與此這裏，也許擺脫知名度黑客...

：這枚可能也可能不是解決方案，我曾經在源代碼中放置無盡的評論，以便在開發時「知道我在哪裏」。有一天，我在IE中遇到了一個奇怪的錯誤，那是因爲使用了一組奇怪的註釋。在我擺脫了我的所有評論後，錯誤消失了......我不是說，我只是說...也許值得一試......

Answer 3

我想添加評論。但是，我沒有任何要點添加評論。那就是爲什麼加入它作爲答案。

我正在使用IE8。我已經打開了你在IE8中給出的鏈接，我沒有注意到你提到過什麼。它工作正常......如果可能的話，你可以嘗試使用IE8。

謝謝， Srikrishna。

Answer 4

真是奇怪的問題......

我只是好奇你的浮法：左邊; #footer的財產，並在我刪除後，它似乎工作。試一試...

希望它有幫助。 思南。