Question

在ASP.NET应用程序中，如何以在IE6和IE8浏览器中正确显示的方式设计页面？如果有任何一般的指导原则可以在两种浏览器中使用，我想尽量减少我需要做的CSS工作。我可能仍然需要在这里和那里进行调整，但我想减少大部分工作。如果有任何此类指导，请告诉我。提前谢谢。

Answer 1

我一直在编写最近的项目并使用http://code.google.com/p/ie7-js/中的ie7.js脚本。它将IE 6修复到合理的水平。然后使用此块来声明你的身体。（这部分是从html5boilerplate中删除的。）

<!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <body class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <body class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <body class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]-->

你可以如何使用相应的ID来改善任何迷路css ......

#ie6 .element{
    //special stuff for ie6
}

ie7.js脚本应该可以节省你很多时间。

Answer 2

如果您将以下行添加到您的部分，它将强制执行兼容模式并帮助最小化您需要编写的CSS数量：

<meta http-equiv="X-UA-Compatible" content="IE=100" />

但是，如果不编写自定义CSS规则，你可能不会完美。

Answer 3

首先确保页面的基本布局跨浏览器正常工作。这可能相当诡计，但好消息是其他人已经为你做了繁重的工作。只需谷歌“一栏”，“三栏”，“圣杯”或任何你想要的布局，你会发现很多文章描述如何在你想要的任何浏览器中实现它。

从那里开始，我的建议是为IE8编写代码，并在需要时添加IE6的黑客攻击。这应该能够将黑客攻击降至最低，因为在IE8中工作的CSS 通常也适用于Chrome，Firefox和其他不错的浏览器。

不要试图在所有浏览器中使您的网站像素完美，这只会让您疯狂。让您的网站在旧浏览器上“优雅地降级”。 IE6用户无论如何都不关心网站是否有圆角或渐变。

使用javascript在旧浏览器中模拟现代CSS功能也是一个好主意。但我不建议使用ieX.js脚本。这些脚本需要运行太多CPU，如果HTML很重，可能会使您的站点无响应。

设计网页在IE6和IE8浏览器中都很好看

3 个答案: