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

Here's the situation.

这是情况。

I made three style sheets for each of the three pages I am currently working on. One that works in IE8/Safari/Opera/Firefox. One that works in IE7 and one which if used alone works on IE6

我为目前正在处理的三个页面中的每个页面制作了三个样式表。一个适用于IE8 / Safari / Opera / Firefox。一个在IE7中运行,另一个在IE6上单独使用
I tested everything on www.xenocode.com/browsers and that sites' IE 6 and 7 emulators.

我在www.xenocode.com/browsers和那些网站的IE 6和7模拟器上测试了一切。

3 I used a variation of the article's suggestions for a way to make all the sheets work. (In the section:

3我使用了文章建议的变体来制作所有工作表的方法。 (在以下部分:

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

The problem is that while it calls up the proper css for IE 8 and IE 7 online (It works just fine directly off my computer), it can't seem to call up the code for IE6 properly online causing the layout to be messed up in IE 6 (Or at least the emulator on xenocode.com.

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

Is there a better method?

有更好的方法吗?

(Can't show you the full page, due to my client being adamant about not showing it until the project is finished.)

(无法向您显示整页,因为我的客户坚持在项目完成之前不显示它。)

4 个解决方案

#1

Assuming you are using browser conditional statements...

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

I would check that the emulator your using is able to interpret browser conditional statements. If unsure you could always disable all other stylesheets and link normally (using the link tag) to just the IE6 stylesheet and then test

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

#2

You want to have IE6 specific CSS? Also, please consider using Microsoft SuperPreview to locally see how your design looks in various versions of IE6.

你想拥有IE6特定的CSS吗?此外,请考虑使用Microsoft SuperPreview在本地查看您的设计在各种版本的IE6中的外观。

#3

You can use these css selection tags for the specific Browser version for IE.

您可以将这些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]-->

#4

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

I love this thing because it lets me define granularly all the changes I want for different browsers / operating systems.

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

#1