为IE优化站点

Question

我刚刚浪费了我生命中的一个小时，试图为IE优化一个网站。我用正常的方法失败了，我用一些div的技巧解决了它：

<!--[if !IE]><!-->
div1 for non IE
<!--<![endif]-->

<!--[if IE]>
div1 for IE
<![endif]-->

现在它可以在IE中正常工作了，但是可以使用这种解决方案吗？

Answer 1

当我开发一个网站时，我总是清楚地表明，不同的浏览器对HTML的解释是不同的，而且他们的网站在IE中的外观可能与Chrome、Safari等人的略有不同，但整体外观、含义和功能都会起作用。此外，我总是让他们知道，我不是为IE6或更早的版本构建的，网站将是可见的，但一些基本功能和布局原则将无法正常工作。(我还向他们显示了仍在使用IE6的用户的百分比)。客户端是否明确要求

这是你应该问的问题:你的网站在所有浏览器中看起来完全一样对你有多重要？

对于其余部分，可以针对不同的浏览器使用不同的样式表来优化跨浏览器兼容性。但是，我建议将样式表的数量保持在尽可能低的水平，并尝试尽可能多地使用适用于所有浏览器的CSS属性。

Answer 2

这是一个相当糟糕的解决方案，根据我的经验，在大多数情况下没有必要。您应该尝试使您的标记保持一致，并且不会因为不同的版本而更改它(也许除了像IE6的下拉列表的表格布局这样的奇怪情况)

但是，对于不同的IE版本有几个样式表来处理不同IE版本的bug也是可以的。

<!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
<!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->
<!--...-->
<!--[if !IE]><!-->
    <link rel="stylesheet" type="text/css" href="standard-style.css" />
<!--<![endif]-->

从IE-8开始，特定于IE的样式表应该是非常新的行-幸运的是，它们是非常标准的-从那个版本开始。