IE瀏覽器渲染：光標檢測（正確）可點擊的元素，在其他地方顯示（不正確）

我有一個有趣的問題，與Internet Explorer 8我的任務是讓一個網頁在Internet Explorer下正常工作（不幸的是我不是允許在此發佈鏈接到此頁面）。問題是：頁面的某些元素顯示在錯誤的地方。它們錯位在頁面上，但我不能在它們顯示的位置點擊它們。我可以點擊他們，如果我在，他們都應該是......嗯的地方點擊，我敢打賭，這聽起來有點混亂所以這裏是一個屏幕，可以幫助：IE瀏覽器渲染：光標檢測（正確）可點擊的元素，在其他地方顯示（不正確）

Misplaced button

的按鈕，整個灰色條與「Liczba zmian：5 [Pokaż]」顯示在錯誤的位置。它應該放置在光標所在的空白處。現在，如果我嘗試點擊紅色箭頭指向的按鈕 - 沒有任何反應。但是，如果我點擊藍色箭頭指向的空白處，單擊該按鈕並執行.click（）函數。

這似乎是光標看到不同（正確）的網站版本。

整個頁面充滿了JQuery，JQuery-UI，JQuery.Weekdcalendar和許多其他的jquery插件。我有以下DOCTYPE：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">

「很顯然，」一切正常的Firefox和Chrome很好，我不知道IE9（我只有winXP的）。

我很感激任何關於如何處理這個問題的建議。

來源

2012-06-18 Maciek

檢查IE瀏覽器和文檔模式的IE開發者工具（你希望IE8標準使這樣的事情更容易理解）。我會嘗試使用HTML 5 DOCTYPE

<!doctype html>

和/或

<meta http-equiv="X-UA-Compatible" content="IE=8" />

頭標記

迫使IE 8倍的標準模式。這是MSDN鏈接是IE 9，但可能會爲IE 8以及工作：

http://msdn.microsoft.com/en-us/library/cc288325(v=vs.85).aspx

注意，如果有些事情當你改變DOCTYPE看起來很怪異 - 那麼你的HTML/CSS可能有一些凌亂/非標準的問題最終會讓你在基於標準的瀏覽器上出現問題（比如你的客戶升級到IE9）。

來源

2012-06-19 07:52:40 Jeff

改變doctype不會改變任何東西:(以及在開發工具中改變模式。它似乎可以在IE9中正常工作。 – Maciek

對不起，這對我來說是過去的作品。我還注意到另一個奇怪的格式問題。只有IE瀏覽器，有時候會顯示：使用附近元素的相對/絕對已經修復了它，我將打開開發者工具，選擇元素並轉到佈局選項卡，這可能會告訴你它是否是計算出的偏移量或別的東西。 – Jeff

IE瀏覽器渲染：光標檢測（正確）可點擊的元素，在其他地方顯示（不正確）

回答

相關問題