Question

我对Internet Explorer 8有一个有趣的问题。我的任务是在Internet Explorer下使网页正常工作（不幸的是我不允许在此处发布此页面的链接）。问题是：页面的某些元素显示在错误的位置。它们在页面上放错了位置，但我无法在它们显示的位置单击它们。如果我点击它们应该是的地方，我可以点击它们......好吧，我打赌它听起来很混乱，所以这里有一个可能有用的屏幕：

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）。

对于如何处理这个问题的任何建议，我将不胜感激。

Answer 1

在IE Developer Tools中查看浏览器和文档模式（您希望IE 8标准能够使这样的事情更加可预测）。我会尝试使用HTML 5 DOCTYPE强制IE 8标准模式

 <!doctype html>

和/或

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

头标记中的

。这是MSDN链接适用于IE 9，但也可能适用于IE 8：

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

请注意，如果更改DOCTYPE时某些内容看起来很奇怪 - 那么您的HTML / CSS可能会有一些混乱/非标准的内容，最终会给基于标准的浏览器带来问题（例如，如果您的客户升级到IE9）

IE渲染：光标检测（正确）可在其他地方显示（错误）的可点击元素

1 个答案: