如何处理旧的IE版本和网页设计?

时间:2009-12-01 10:32:16

标签: internet-explorer

也许这完全是我的失败处理,但是,是的,现在我的情况很糟糕。

从一个月开始,我建立了一个拍卖平台,截止日期越来越短,现在 - 在项目结束时 - 我们使用旧版浏览器进行浏览器测试(例如,最糟糕的是:ie6)。

我该说什么? IE6中的完整设计失败。徽标不透明,上帝的登录按钮知道显示器的位置和完整的菜单栏100px。 在IE7,IE8,Opera 10和FF3都很好,完全没问题,差不多完美。

那么,我如何才能处理IE6中我的完整设计是一个简单的失败?有什么想法来拯救我的头脑? =)

5 个答案:

答案 0 :(得分:4)

要做的第一件事就是学习一个重要的一课:当开始一个项目时,找出IE6是否是一个目标平台并在开发期间测试,而不是项目结束。

其次,开始修复它。在conditional comment中为IE6添加一个新的样式表,并开始覆盖损坏的部分。

答案 1 :(得分:3)

首先,不要惊慌。在IE6中使布局正常工作并不难。 IE6可能有很多东西你只需要做一些不同的事情。获取IE6兼容页面(大部分时间)并不需要花费大量时间。

以下是我头脑中的主要关键问题:

  • 首先,条件评论是你的朋友。使用它们来引入CSS文件的IE6版本。
  • 没有透明的PNG。使用透明GIF,非透明图片或谷歌IE6透明PNG黑客。
  • clear:leftclear:right。只需使用clear:both
  • div下方的下拉列表显示在div的顶部:有几个解决方案,可以在显示前景div之前隐藏下拉列表或使用iframe技巧(创建一个前景div大小的iframe并将其放在div,将隐藏下拉列表)
  • position: fixed。你将不得不忍受这一点。您可以尝试使用position: absolute或某些javascript,但这会非常慢。 (我们只是说,JavaScript执行速度不是IE6的强大优势之一)。
  • IE6有CSS渐变和CSS阴影(就像FF和Safari一样),但是你可以用不同的方式访问它们,Google IE CSS过滤器可以了解更多信息。
  • 尝试使用jQuery或其他一些JavaScript库,它们隐藏了很多复杂性和浏览器不兼容性。
  • 其余的只是摆弄尺寸。这需要一点时间,但并不是那么难。
祝你好运!

答案 2 :(得分:1)

除非您要求支持IE6,否则请删除它。不需要浪费你的时间和精力来延长恐龙的生命。

编辑:似乎你必须支持IE6。然后你没有别的选择,一步一步地开始修复它。确保您使用IE6精确地抽象和制定每个问题。如果你这样做,谷歌会很快给你一个解决方法。

答案 3 :(得分:0)

看看这个,也许你可以得出自己的结论...... Much Ado About IE6

答案 4 :(得分:0)

对我来说,最好的解决方案是条件评论和Chrome Frame