如何检查浏览器版本并更改css

时间:2010-07-05 11:56:40

标签: java javascript css

我创建了一个网页,它在firefox,opera等中工作正常,并且在Internet Explorer 6中失败 所以我需要检查Internet Explorer的版本并更改css代码......

请帮我怎么做

4 个答案:

答案 0 :(得分:4)

要定位特定版本的Internet Explorer,请使用conditional comments。这些注释只会被解析为指定的IE版本。

来自链接的quirksmode.org页面的示例:

<!--[if IE 6]>
Special instructions for IE 6 here
<![endif]-->

目标浏览器版本的另一种方法是CSS黑客攻击,但这些方法通常很糟糕,并且会降低代码的可读性和可维护性。如果您需要定位IE以外的浏览器,我建议服务器端检测浏览器版本并提供相应的样式表。一个PHP示例是here

答案 1 :(得分:2)

Conditional comments是你的朋友:使用它们

答案 2 :(得分:1)

<强> HTML

<!--[if IE 6]>
IE 6 STYLE GOES HEERE
<![endif]-->

您不需要javascript。

答案 3 :(得分:0)

您可以采用的一种完全不同的方法是使用Javascript生成CSS 您可以使用变量,条件,函数,闭包来生成CSS,而且速度非常快。

我们在我们的应用程序的移动版本中使用它。
为了正式化它,我们开发了一个托管在github上的模块: http://github.com/pure/jstyle
JSON符号最终与真正的CSS非常相似。

仍然有待改进的地方,但它对我们来说非常好。