上海网站建设通过判断浏览器类型而加载不同的css样式-上海做网站

通常对IE6做这样的处理: 
对于IE6及以下版本的处理是很具有挑战性的.近来,人们都在呼吁对IE6不要太在意,包括一些企业,一些网络应用,甚至是政府。现在有一个比让这些在 IE6下让人惨不忍睹的网站下地域更好的解决方案,那就是单独写一个针对IE6的精简的CSS样式表,这样至少不会影响人们浏览网页的主要内容。然后再写一个IE6以上版本及其它的浏览器用的正常的CSS,这样不是很好? 
<!--[if !IE 6]><!--> <link rel="stylesheet" type="text/css" media="screen, projection" href="REGULAR-STYLESHEET.css" /> <!--<![endif]--> <!--[if gte IE 7]> <link rel="stylesheet" type="text/css" media="screen, projection" href="REGULAR-STYLESHEET.css" /> <![endif]--> <!--[if lte IE 6]> <link rel="stylesheet" type="text/css" media="screen, projection" href="http://universal-ie6-css.googlecode.com/files/ie6.0.3.css" /> <![endif]--> 




所有的IE都起作用: 
<!--[if IE]> <link rel="stylesheet" type="text/css" href="all-ie-only.css/> <![endif]--> 
IE以外的浏览器起作用: 
<!--[if !IE]><!--> <link rel="stylesheet" type="text/css" href="not-ie.css" /> <!--<![endif]--> 
只有IE7起作用: 
<!--[if IE 7]> <link rel="stylesheet" type="text/css" href="ie7.css"> <![endif]--> 
只有IE6起作用: 
<!--[if IE 6]> <link rel="stylesheet" type="text/css" href="ie6.css"/> <![endif]--> 
只有IE5起作用: 
<!--[if IE 5]> <link rel="stylesheet" type="text/css" href="ie5.css"/> <![endif]--> 
只有IE5.5起作用: 
<!--[if IE 5.5000]> <link rel="stylesheet" type="text/css" href="ie55.css"/> <![endif]--> 
只对IE6及以下的版本起作用: 
<!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="ie6-and-down.css"/> <![endif]--> 
<!--[if lte IE 6]> <link rel="stylesheet" type="text/css" href="ie6-and-down.css"/> <![endif]--> 
只对IE7及以下的版本起作用: 
<!--[if lt IE 8]> <link rel="stylesheet" type="text/css" href="ie7-and-down.css"/> <![endif]--> 
<!--[if lte IE 7]> <link rel="stylesheet" type="text/css" href="ie7-and-down.css"/> <![endif]--> 
只对IE8及以下的版本起作用: 
<!--[if lt IE 9]> <link rel="stylesheet" type="text/css" href="ie8-and-down.css"/> <![endif]--> 
<!--[if lte IE 8]> <link rel="stylesheet" type="text/css" href="ie8-and-down.css"/> <![endif]--> 
只对IE6及以上的版本起作用: 
<!--[if gt IE 5.5]> <link rel="stylesheet" type="text/css" href="ie6-and-up.css"/> <![endif]--> 
<!--[if gte IE 6]> <link rel="stylesheet" type="text/css" href="ie6-and-up.css"/> <![endif]--> 
只对IE7及以上的版本起作用: 
<!--[if gt IE 6]> <link rel="stylesheet" type="text/css" href="ie7-and-up.css"/> <![endif]--> 
<!--[if gte IE 7]> <link rel="stylesheet" type="text/css" href="ie7-and-up.css"/> <![endif]--> 
只对IE8及以上的版本起作用: 
<!--[if gt IE 7]> <link rel="stylesheet" type="text/css" href="ie8-and-up.css"/> <![endif]--> 
<!--[if gte IE 8]> <link rel="stylesheet" type="text/css" href="ie8-and-up.css"/> <![endif]--> 
如果你非要用HACK来解决的话…… 
只对IE7起作用: 
* html #div { height: 300px; } 
对非IE7起作用: 
#div { _height: 300px; } 
只对IE6以上的版本起作用: 
#div { height/**/: 300px; } 
html->body #div { height: 300px; }