Question

有很多样式表＆amp;那里的javascript库通过强迫Internet Explorer表现得更加合理来让设计师的生活更轻松 - 但我被各种可能性所淹没（html5shiv，{{3} }，DD_belatedPNG，ie7-js等。）。

您使用的是什么筹码以及为什么？

Answer 1

我使用的唯一一个是您提到的PNG透明度修补程序（DD_belatedPNG）。说到IE6和7，如果您了解常见错误及其解决方案（例如IE6 box model bug），我发现您可以通过为每个浏览器使用特定样式表轻松解决问题

查看conditional comments，它提供了一种仅针对给定标记定位某些IE版本的方法，因此您可以像有条件地包含不同的样式规则那样做。例如，如果您需要支持IE6，请为IE6创建一个CSS文件，并将其包含在内：

<!--[if LTE IE 6]>
    <link href="/path/to/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->

此外，使用valitators非常有帮助，因此请查看markup validator和CSS validator。在很多情况下，Firefox和其他浏览器都对标记较差很宽松，但IE会以惊人的方式失败。验证器是节省大量麻烦的好方法。

最后，总是包含一个doctype作为标记中的第一个元素，否则将在IE中触发怪异模式，这实际上是IE 5.5渲染引擎（如果你通常你不想要它）重新尝试支持标准投诉浏览器。）

编辑：只是为了尝试回答您的原始问题，我之所以没有真正使用任何提到的解决方案，是因为IE6和7是儿童唯一的问题。我从来没有使用IE8特定的样式表，所以痛苦只限于这两个浏览器。当涉及到Javascript时，jQuery将处理跨浏览器的细节，所以这也是一个巨大的帮助。

Answer 2

使IE 6 + 7发挥出色的最重要的事情是使用CSS重置，并确保HTML验证。