Html 不同浏览器的不同CSS文件

Html 不同浏览器的不同CSS文件,html,css,Html,Css,我想为不同的浏览器类型使用不同的CSS文件。是否有任何简单的HTML代码可以检测不同类型的浏览器并相应地包含CSS文件?您必须在所有浏览器上使用服务器端来执行此操作。如果选择服务器端方式,则必须解析标头并从解析中添加有效的CSS。我建议您不要这样做,因为用户代理解析是一项乏味的任务,而且有更优雅的方法来处理浏览器的怪癖 值得注意的是,如果您只对为Internet explorer添加特殊CSS规则(文件)感兴趣,则有一种特殊语法: <!--[if lte IE 6]> 您必须使用服

我想为不同的浏览器类型使用不同的CSS文件。是否有任何简单的HTML代码可以检测不同类型的浏览器并相应地包含CSS文件?

您必须在所有浏览器上使用服务器端来执行此操作。如果选择服务器端方式,则必须解析标头并从解析中添加有效的CSS。我建议您不要这样做,因为用户代理解析是一项乏味的任务,而且有更优雅的方法来处理浏览器的怪癖

值得注意的是,如果您只对为Internet explorer添加特殊CSS规则(文件)感兴趣,则有一种特殊语法:

<!--[if lte IE 6]>

您必须使用服务器端在所有浏览器上执行此操作。如果选择服务器端方式,则必须解析标头并从解析中添加有效的CSS。我建议您不要这样做,因为用户代理解析是一项乏味的任务,而且有更优雅的方法来处理浏览器的怪癖

值得注意的是,如果您只对为Internet explorer添加特殊CSS规则(文件)感兴趣,则有一种特殊语法:

<!--[if lte IE 6]>
我只知道ie:

<!--[if IE]><link href="/ie.css" rel="stylesheet" type="text/css" /><![endif]-->

另外

我只知道ie:

<!--[if IE]><link href="/ie.css" rel="stylesheet" type="text/css" /><![endif]-->


此外,在同一样式表中使用“hack”通常更容易

这并不是宽恕他们的使用(因为我不想被福音传道者压制:)

对于不同的IE版本(通常是最重要的),有一个条件IE“if”,可以处理许多参数:
在同一样式表中使用“hack”通常更容易

这并不是宽恕他们的使用(因为我不想被福音传道者压制:)

对于不同的IE版本(通常是最重要的),有一个条件IE“if”,可以处理许多参数:
这是一个javascript类型的东西。Javascript非常适合于浏览器选择。只需使用浏览器检测指向不同的css文件

把这样的东西放在头上:

<script type="text/javascript">
var browser=navigator.appName;
if browser == "Microsoft Internet Explorer" {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"IE.css\">");
}
else if browser == "Firefox" {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"FF.css\">");
}
else {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"generic.css\">");
}
</script>

var browser=navigator.appName;
如果浏览器==“Microsoft Internet Explorer”{
文件。填写(“”);
}
如果浏览器==“Firefox”,则为else{
文件。填写(“”);
}
否则{
文件。填写(“”);
}

我无法确认js,但这正是您需要做的。

这是一种javascript类型的东西。Javascript非常适合于浏览器选择。只需使用浏览器检测指向不同的css文件

把这样的东西放在头上:

<script type="text/javascript">
var browser=navigator.appName;
if browser == "Microsoft Internet Explorer" {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"IE.css\">");
}
else if browser == "Firefox" {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"FF.css\">");
}
else {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"generic.css\">");
}
</script>

var browser=navigator.appName;
如果浏览器==“Microsoft Internet Explorer”{
文件。填写(“”);
}
如果浏览器==“Firefox”,则为else{
文件。填写(“”);
}
否则{
文件。填写(“”);
}

我无法确认js,但这正是您需要做的。

如果您试图包含特定于Internet Explorer的CSS文件,有条件的HTML注释是有效的。有关更多信息,请参阅


对于其他浏览器,您必须使用JavaScript或服务器端检测访问者正在使用的浏览器,并根据结果包括合适的CSS文件。另一篇关于quirksmode的精彩文章是关于这一点的。

如果您试图包含特定于Internet Explorer的CSS文件,条件HTML注释是有效的。有关更多信息,请参阅


对于其他浏览器,您必须使用JavaScript或服务器端检测访问者正在使用的浏览器,并根据结果包括合适的CSS文件。关于quirksmode的另一篇精彩文章。

对于依赖浏览器的样式表,有几种不同的技术:

1)如前所述,您可以使用条件语句检测IE版本,例如

2)如果您使用的是PHP、Ruby等服务器端语言,则可以根据HTTP\u USER\u AGENT服务器变量检测浏览器,例如:

if(preg_match('/^Mozilla\/.*?Gecko/i',$agent)){
    print "Firefox user."; $firefox = true;
    // process here for firefox browser
}
这项技术非常强大,因为您几乎可以检测任何浏览器,并且基于此,您可以将任何所需的.css文件包括(或者精确地说是打印)到PHP模板中。 例如


但是应该使用a代码分析这些变量的值,如中所示。

对于依赖浏览器的样式表,有几种不同的技术:

1)如前所述,您可以使用条件语句检测IE版本,例如

2)如果您使用的是PHP、Ruby等服务器端语言,则可以根据HTTP\u USER\u AGENT服务器变量检测浏览器,例如:

if(preg_match('/^Mozilla\/.*?Gecko/i',$agent)){
    print "Firefox user."; $firefox = true;
    // process here for firefox browser
}
这项技术非常强大,因为您几乎可以检测任何浏览器,并且基于此,您可以将任何所需的.css文件包括(或者精确地说是打印)到PHP模板中。 例如


但是应该使用a代码分析这些变量的值,如中所示。

不要使用CSS黑客、Javascript切换样式表或诸如此类的东西

我从来没有为不同的浏览器使用过多个样式表或任何无效的CSS攻击


这是不必要的。有条件的注释可能对IE6和以下版本的PNG补丁很有用,但从中可以看出,如果你知道CSS和各种浏览器错误,你可以轻松地为IE 5.5编写XHTML和CSS代码,而不会有很多问题。

不要使用CSS黑客、Javascript切换样式表或类似的东西

我从来没有为不同的浏览器使用过多个样式表或任何无效的CSS攻击


这是不必要的。条件注释对于PNG修补程序可能是IE6和下面的,但是如果你知道CSS和各种浏览器错误,你可以很容易地为IE 5.5编写XHTML和CSS而不存在很多问题。

你应该考虑改变你对不同浏览器使用不同样式表的愿望。 几乎所有浏览器都可以使用相同的样式表。制作一个干净的标记和使用健壮的样式需要做更多的工作,但您所获得的却不是