IE8与IE9中显示的样式问题

Question

我现在有很多问题需要在IE8中显示，这些页面在IE9中有适当的样式， 我附上了页面差异的示例屏幕截图。 我使用了一个基于css-html的模板皮肤，名为theme forest constellation admin模板，我不确定它对IE8的支持

无论如何我使用的是各种款式  ul，li元素，边距，自动宽度，display：block，inline，float：left ... etc

我想知道如何开始在IE8中修复显示，我是否需要手动修复每种样式，或者是否有IE8和IE之间可以参考的已知差异列表。 9然后看看我是否使用了其中任何一个来修复。 下图显示了差异，问题是 1）日期输入下方的灰色栏 2）IE8中的图表div框向下移动，其中很少一部分在框外

先谢谢

Answer 1

我的建议是在发现它们时解决IE8兼容性问题，并尽可能使用IE8支持的库和框架，如果这是优先考虑的话。

至于IE CSS / HTML错误的一般参考：http://jhop.me/ie8-bugs 并且有关浏览器的CSS兼容性列表：http://www.quirksmode.org/css/contents.html

Answer 2

IE8与IE9（除CSS3支持外）唯一真正的区别是默认字体，边距和填充等值。这就是使用标准CSS重置至关重要的原因： http://www.cssreset.com/

Eric Meyer是一个受欢迎的选择： http://meyerweb.com/eric/tools/css/reset/

重置后，您无需修改​​各个浏览器的margin-bottom值。

注意：您可能需要提供不同的默认设置才能使您的网站看起来正确，但之后，如果您只需要支持IE8 +，那么跨浏览器问题就会少得多。（/ p>

此外，本机IE8浏览器和在IE8仿真模式下运行的IE9 +浏览器之间存在一些细微差别，因此您需要使用本机IE8浏览器进行测试。