Question

我的互联网刚被关闭...所以我在图书馆试图在1日投资组合审核日期之前修复我test page（最终是我的网站）的最后一个功能（明天!! ！）。

问题出在这里，我一直在测试我的网站与IE9 / FF4 / Chrome12 / Safari（最新）但不是IE7 / 8的兼容性。我的网站/测试页面在我一直在测试的浏览器中正常工作。

幸运的是，我所在的库已经安装了IE7，显然不会升级到IE8，我认为这会正确地呈现我的页面。我想是这样的，因为在IE7中发现了很多关于页面渲染问题的实例，而在IE8中通过一些调查没有找到同一页面。

无论如何，在上面链接的测试页面上，页面左上角的文本标签滑出div没有显示，奇怪的是，页面右下角的简单图像链接不是无论是。这两个恰好是页面上的第一个和最后一个链接，如果这有帮助（我认为它可能与此有关）。测试页面上的其他所有内容都正常运行/显示。只需通过我测试过的任何上述浏览器查看测试页面，看看它应该如何显示/运行。

我已经尝试调整z-index（因为我发现了一些情况，这是IE7行为不端的罪魁祸首），但无济于事。我被困住了，不知道接下来要去哪里。

任何帮助/指示都将非常受欢迎，因为明天将对此进行审核！很多正在进行此审核，我希望确保审核人员在使用IE7时可以按预期查看该页面。

修改：CSS，JS

Answer 1

在CSS中，如果您更改了

.SU{
    display:inline-block;
}

到

.SU{
    display:block;
}

你可以看到美洲虎没问题。

显然，IE7存在display:inline-block;

的问题

Answer 2

我会谷歌“IE7和IE9之间的CSS差异”和“IE7和IE9之间的JavaScript差异”。

此外，IE7和IE8不支持HTML5标记（或根本不支持）。所以我希望你没有使用它。

Answer 3

这种CSS风格的问题：

.SU
{
    text-indent: -9999px;
}

当我在兼容模式下在IE9中运行测试页时，这会隐藏图像。当我删除文本缩进样式时，我可以看到底部的美洲狮图像。我似乎记得读过这篇文章 - 缩进黑客是屏幕阅读器阅读链接的一种方式，但是开发人员发现它在新的（IE7 +）浏览器发布时破了。

当我在兼容模式下在IE9中运行页面时，“文本”弹出菜单工作正常。

Answer 4

IE7内联块技巧

#id {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

为什么，搜索谷歌“hasLayout”。 ...哦，我喜欢IE ...

Answer 5

关于文字选项，您是否尝试过应用＆lt; div class ='optsdiv'＆gt; 左偏移（-140px）？也许尝试将其设置为零[0]或甚至完全省略该属性。

我知道更改此值不一定会解决您的问题，但它可能会指向您正确的方向......

底部链接似乎可以在我的IE7上运行...不确定你是否已经修复了这个问题。我的构建版本是7.0.5730.13以供参考。

祝你好运！ IE sux ass ...

Answer 6

IE 7不支持a-tag中的块元素（如按钮）......这就是我的问题。

IE7链接问题？

6 个答案: