Question

我设计了一个门户网站，我让这个网站很好看Firefox浏览器，但是当我开始使用IE进行测试时，IE 6中的某些问题可能无法在IE 8中运行，意味着IE中不存在后方病房兼容性。

查看我的网站

在这种情况下，您认为考虑哪个IE版本并使我的网站正常工作。

修改

根据以下建议，我了解需要创建单独的CSS文件对应每个IE版本，如6,7,8,9等，以后，如果CSS文件的数量增加，不会影响网页的性能和加载

请咨询，

Answer 1

Unfortunatley IE不会渲染与Firefox相同的内容，这是一个常见问题。最好的方法是执行IE特定的IF语句并使用IE 8模拟IE 7.这需要一些额外的CSS文件，为每个版本编辑。下面是为IE / FF设置它的通用方法（属于头部）。通常IE 6＆amp; 7被视为相同，因此您不需要为它们提供不同的CSS文件。

 <meta http-equiv="X-UA-Compatible" content="IE=7" />
 <link rel="stylesheet" href="/templates/dchirotemplate/css/style.css" type="text/css" />
 <!--[if IE 6]><link rel="stylesheet" href="style_ie6.css" type="text/css" media="screen" /><![endif]-->
 <!--[if IE 7]><link rel="stylesheet" href="style_ie7.css" type="text/css" media="screen" /><![endif]-->

您可以转到http://www.decrescenzochiropractic.com

查看我使用此样式表设置创建的网站

Answer 2

提示1：在IE6上，甚至不要试图让事情看起来不错。如果必须的话，在IE6上让它工作，但如果你开始尝试在IE6中实现完美，那么你将陷入痛苦和挫折的世界。

我们已在新网站上正式放弃对IE6的支持;我们甚至没有测试它。

提示2：查看使用一些javascript库，为IE提供更好的跨浏览器兼容性。这里有一些好的：

还考虑使用jQuery或类似的;这是一个比兼容性更大的跳跃，因为它涉及相当大的改变您的编码风格，但它确实提供了非常好的跨浏览器兼容性的大部分功能。

Answer 3

您应该以

的形式使用IE-only conditional comments

<!--[if IE 6]> <p>hello world of bugs!</p> <![endif]-->

这样您就可以加载自定义样式表等。

您应该使您的网站使用所有浏览器。

IE 6和7的快速而肮脏的技巧也是明星选择器，但不要过度使用它：

body{
    background-color: blue;
    *background-color: red /* Only shown in IE */;
}

事实上，IE将是最麻烦的浏览器。

Answer 4

传统上，IE并不兼容，期间。

虽然大多数其他浏览器都在努力与出现的标准兼容，但MS试图变得比其他人更聪明，更好，并做自己的事情。这给许多设计师带来了很多问题。很多设计书都有关于处理IE怪癖的整章。

幸运的是，MS似乎终于开始看到了光明。对于微软而言，IE8默认采用的标准更符合IE7的标准，打破了针对早期版本IE的网站。而且，根据我的阅读，他们对IE9的标准一如既往的承诺。

所以要回答你的问题，我会尝试与更高版本兼容。这样，您的网站可能会保持更长时间的有效期。但是，任何优秀的网站设计师都会测试所有顶级浏览器。我使用IE，Chrome，Opera和FireFox。

Answer 5

我认为你会以错误的方式解决这个问题。

是的，您可以创建单独的样式表，您可能仍需要。但是，页面上的标记绝对是残酷的。您将每个点击该页面的浏览器发送到怪异模式，并且当浏览器处于怪癖模式时，使浏览器之间的页面看起来相同甚至功能相同，这本身就是一件苦差事。不要误会我的意思，可以这样做，但需要相当多的鸭带和捞线。

你应该真正修复你的标记，然后评估你的CSS。即使在IE6中，您也可以使用单个样式表制作看起来像您的页面。

不同版本的IE存在问题

5 个答案: