包括不带JavaScript的不同浏览器的样式表

时间:2010-02-23 23:29:13

标签: javascript css conditional-comments

我有一个实用程序,它扫描我的css文件并将图像嵌入为base64,以减少对服务器的请求量。不幸的是,IE不支持这一点。

我知道如何使用条件注释包含IE特定的样式表,但是FF,Opera和Webkit呢?我不想给它不使用的IE样式表。

由于

5 个答案:

答案 0 :(得分:2)

Firefox,Opera和Safari没有条件评论。我不确定你是否可以使用Javascript加载样式表,但无论如何我都会建议不要使用它。

像PHP这样的服务器端脚本语言确定客户端并提供相应的CSS文件是很常见的。在PHP中,可以通过解析$_SERVER['HTTP_USER_AGENT']的内容来识别用户代理。

如果您不熟悉PHP编程,可以使用许多脚本。 This one似乎特别有希望。

答案 1 :(得分:2)

如果我理解你的问题,(如果我不理解),你可以使用条件评论从IE中排除CSS文件:

<![if IE 9]>
IE will ignore this; other browsers won't.
<![endif]>

答案 2 :(得分:0)

通过阅读Web请求中的用户代理,您可以在HEAD标记中提供不同的样式表。

答案 3 :(得分:0)

相反。最好的方法是使用以下内容。

型= “文本/狩猎”

型= “文本/铬”

阅读以下文章以获得更好的解释。

http://webgyani.com/2010/03/how-to-serve-different-stylesheets-only-to-safari-and-chrome/

-Amit

答案 4 :(得分:0)

  

相反。最好的方法是使用以下内容。   类型=&#34;文本/狩猎&#34;   类型=&#34;文本/铬&#34;

Nooo,不要依赖浏览器错误! Chrome计划在第50版中修复此问题(因此禁用此黑客攻击)。

http://code.google.com/p/chromium/issues/detail?id=286682

https://groups.google.com/a/chromium.org/forum/m/#!topic/blink-dev/nH1O6WszMgo