0

我对 Internet Explorer 8 有一个有趣的问题。我的任务是使网页在 Internet Explorer 下正常工作(不幸的是,我不允许在此处发布指向此页面的链接)。问题是:页面的某些元素显示在错误的位置。它们在页面上放错了位置,但我无法在显示它们的位置单击它们。如果我点击它们应该在的位置,我可以点击它们......好吧,我敢打赌这听起来令人困惑,所以这里有一个屏幕可能会有所帮助:

错位的按钮

带有“Liczba zmian: 5 [Pokaż]”的按钮和整个灰色条显示在错误的位置。它应该放在光标所在的空白处。现在,如果我尝试单击红色箭头指向的按钮 - 什么也没有发生。但是,如果我单击蓝色箭头指向的空白位置,则会单击该按钮并执行 .click() 函数。

似乎光标正在查看网站的不同(正确)版本。

整个页面塞满了 JQuery、JQuery-UI、JQuery.Weekdcalendar 和许多其他 jquery 插件。我有以下文档类型:

<!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)。

对于如何处理此问题的任何建议,我将不胜感激。

4

1 回答 1

0

检查浏览器和文档模式的 IE 开发人员工具(您希望 IE 8 标准使此类事情更可预测)。我会尝试使用 HTML 5 DOCTYPE 强制 IE 8 标准模式

 <!doctype html> 

和/或

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

在头部标签中。这是适用于 IE 9 的 MSDN 链接,但也可能适用于 IE 8:

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

请注意,当您更改 DOCTYPE 时,如果有些事情看起来很奇怪——那么您的 HTML/CSS 可能有一些混乱/非标准的内容,最终会给您在基于标准的浏览器上带来问题(例如,如果您的客户升级到 IE9)。

于 2012-06-19T07:52:40.807 回答