【问题标题】:Website displays badly in IE 8, but works fine in other browsers网站在 IE 8 中显示不佳,但在其他浏览器中运行良好
【发布时间】:2010-10-20 09:53:53
【问题描述】:

http://test.rfinvestments.co.za
我已经在这个网站上工作了一段时间,现在它已经上线,我对跨浏览器兼容性问题感到沮丧,当我从我的电脑上查看该网站时,这些问题并没有出现。

如果您在谷歌浏览器中查看该网站,您应该会看到它应该被看到的样子。在 IE 8 中,我只注意到缺少一件事。 TEAM 菜单项下方是一个带有 i 的图标。此图标应位于从右到左从灰色到黑色的图像上方。尽管修改了 IE 8 样式表以将其显式放入其中,但此渐变图像不会显示在 IE 8 中。

另外,由于某种原因,我可以在我的电脑上看到来自投资菜单项的子菜单,但我父亲在他的电脑上看不到它。我还将菜单系统的 CSS 添加到 IE 8 样式表中。

如前所述,这些问题在我的开发电脑上不存在......我完全没有想法,有人可以提出任何建议吗?

提前致谢。

【问题讨论】:

  • 你爸爸的IE8是兼容模式的,你的不是?
  • 不,我让他把它取下来……它显示的兼容性更差
  • 在 IE8 兼容模式下,您的网站已损坏。当我在标准模式下运行它时,它工作正常。检查你爸爸的 IE8 是否在兼容模式下运行。不知何故,我觉得 IE8 中的默认设置是以兼容性运行所有内容。

标签: css internet-explorer stylesheet


【解决方案1】:

ie.css中图片的url错误。

应该是:

background: url("Images/Splurb2.png");

(注意大写的S)

【讨论】:

  • 非常感谢 :) 跨浏览器兼容性真是太痛苦了……虽然你是对的,但我也检查了 ie8.css 并发现了同样的问题。已修复,现在全部 100%,谢谢
  • @Logan - 是的,它一点也不轻松。
【解决方案2】:

你的文档类型

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

是过渡性的。将其更改为严格,这应该会有所改善。我在 FF 和 IE8(标准模式(非 quirk 模式))中尝试了您的网站,它运行良好。不知何故,在您无法正常查看您的网站的机器中,IE8 被设置为在怪癖模式下工作。通过将 DOCTYPE 设置为严格,我们可以在一定程度上防止这种情况发生。高温

【讨论】:

  • 完成,图片没有任何改进(您可以在http://test.rfinvestments.co.za/Splurb2.png找到图片
【解决方案3】:

您应该在head 标签中添加以下标签,以告知 IE8 在显示您的网站时不要使用兼容模式:

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

【讨论】:

  • 添加了元,没有改进(但我没有查看兼容性)
  • 我认为这将解决您父亲看到的问题,而不是其他问题。默认情况下,它将阻止未来的用户在兼容模式下看到该站点。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2023-04-01
  • 1970-01-01
  • 2015-07-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-09-23
相关资源
最近更新 更多