【问题标题】:A few IE6 quirks that I am unable to solve一些我无法解决的 IE6 怪癖
【发布时间】:2010-12-31 06:03:38
【问题描述】:

我一直在为一个客户开发一个网站,我即将结束它。但不幸的是,IE6 让我很头疼。

我的主要问题在这个页面上:

http://seaport.bythepixel.com/#storage

  1. 列表项没有项目符号

  2. 未正确清除浮动项目下方的间距。我将“clear:both”应用于我的h2标签并且它正在清除..但是浮动项目下方的间距似乎不正确。如果您将任何其他浏览器与 IE6 进行比较,您会看到我所说的间距问题。

  3. 也许这只是一个 IEtester 问题,但我应用到“#full”的背景图像会随机停止和启动。您可以在存储页面和平面图页面上看到这一点。我指的是将左侧导航栏与右侧内容栏分开的灰白色渐变。

非常感谢任何帮助!

【问题讨论】:

  • 您为什么担心支持 10 多年前的浏览器?
  • 这对你的问题没有帮助,但即使是微软也在告诉人们不要使用 IE6。也许你的努力最好花在其他地方?特别是因为这些问题不是致命的。
  • 我想我是一个完美主义者 :( 相信当我说我宁愿不担心它时。你认为是时候开始放弃对 ie6 的测试了吗?
  • 好吧,Roeland 我通常会提前告诉客户,我将使其在 IE6 中正常运行 - 但它不会以 1:1 的比例显示 - 如果您希望将某些设计元素实现回 IE6,那就多此一举了。它使主要市场不支持 IE6 用户的人三思而后行 - 那些知道自己需要什么的人非常乐意接受额外的费用和/或时间线的增加。
  • 这真的取决于你的目标受众是谁。在 B2B 世界中,许多用户仍然拥有 IE6,因为它安装在 Windows XP 上,而且他们的公司不授予他们安装新软件的权限。我公司的网站仍有大约 10% 的 IE6 用户。

标签: html css internet-explorer internet-explorer-6


【解决方案1】:

1) 和 3) 显然是 hasLayout bugs。你需要给有问题的元素一个“布局”。从给#full 一个position: relative;(验证)或zoom: 1;(不验证)开始。

2) 可能是由于在此处和此处奇怪地使用了 overflow: hidden;。尝试将其全部删除,看看是否有帮助。

【讨论】:

  • 溢出:隐藏在其父容器内包含浮动的不好方法..(而不是使用 empy div 来清除浮动)
【解决方案2】:

当你为所有浮动元素设置溢出(如果可能的话隐藏)可能已经解决了很多问题。

【讨论】:

    【解决方案3】:

    也许这只是一个 IEtester 问题,但是我的背景图片 已应用于“#full”站点,并且 随机开始。

    我可以确认我在只安装了 IE6 的机器上看到了这个。

    【讨论】:

      猜你喜欢
      • 2011-02-23
      • 2011-04-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-04-14
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多