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浏览器渲染：光标检测（正确）可点击的元素，在其他地方显示（不正确）

回答

相关问题