Question

这是情况。

我为目前正在处理的三个页面中的每个页面制作了三个样式表。一个适用于IE8 / Safari / Opera / Firefox。一个在IE7中工作，另一个在IE6上工作
我在www.xenocode.com/browsers和那些网站的IE 6和7模拟器上测试了所有内容。

3我使用了文章建议的变体，以便使所有工作表都能正常工作。（在以下部分：

http://www.thesitewizard.com/css/excludecss.shtml

问题是，虽然它在线调用IE 8和IE 7的正确css（它可以直接在我的计算机上工作），它似乎无法在线正确调用IE6的代码导致布局在IE 6中搞砸了（或者至少是xenocode.com上的模拟器。

有更好的方法吗？

（无法向您展示整页，因为我的客户坚持在项目完成之前不会显示它。）

Answer 1

假设您正在使用浏览器条件语句...

我会检查您使用的模拟器是否能够解释浏览器条件语句。如果不确定你总是可以禁用所有其他样式表并正常链接（使用链接标记）到IE6样式表，然后测试

Answer 2

您想要IE6 specific CSS吗？另外，请考虑使用Microsoft SuperPreview在本地查看您的设计在各种版本的IE6中的外观。

Answer 3

您可以将这些css选择标记用于IE的特定浏览器版本。

<!--[if IE 6]><link rel="stylesheet" type="text/css" href="/css/ie60.css" /><![endif]-->
<!--[if IE 5.5000]><link rel="stylesheet" type="text/css" href="/css/ie55.css" /><![endif]-->
<!--[if lt IE 5.5000]><link rel="stylesheet" type="text/css" href="/css/ie50.css" /><![endif]-->

Answer 4

http://rafael.adm.br/css_browser_selector/

我喜欢这个东西，因为它让我可以精确地定义我想要的不同浏览器/操作系统的所有更改。

如何在单个页面上使用多个样式表？

4 个答案: