admin 管理员组

文章数量: 886992

作为一个web开发员，特别是前台设计师在做WEB开发的时候经常会遇到一些浏览器不兼容的情况，这也是许多开发者头痛的问题，因为这不是开发者技术的问题，而是浏览器不统一而导致。那些写前台代码的程序员无一不希望只有一种浏览器该多好！可是这个愿望不容易实现。
小新在这里总结了一些通过css代码来判断浏览器的类型，从而针对不同的浏览器写出不同的css代码来解决浏览器兼容的问题，希望对大家有所帮助：
一、通过CSS代码直接判断（就是在css代码里面进行判断）

<style type="text/css">   
.top{color:red ;}/*firefox*/    
* html #example{color:blue;}/*ie6*/    
*+ html #example{color:green;}/*ie7*/    
</style>   
</head>   
<body>   
<div class="top">在FireFox下显示为红色，在IE6.0下显示为蓝色，在IE7.0下显示为绿色。</div>   
</body>

二、通过CSS条件注释的方法判断（条件注释就是用if语句来判断浏览器的型号）


<style> 
.top{color:#ff6600}/*--火狐显示为橙色*/ 
</style> 
<!--[if IE 6]> 
<style> 
.top{color:#0000ff}/*--IE6显示为蓝色*/ 
</style> 
<![endif]--> 

<!--[if IE 7]>  
<style> 
.top{color:#ff0000}/*--IE7显示为红色*/ 
</style> 
<![endif]--> 

<!--[if IE 8]>  
<style> 
.top{color:#6633cc}/*--IE8显示为紫色*/ 
</style> 
<![endif]--> 
<body>  
<div class="top">在FireFox下显示为橙色，在IE6.0下显示为蓝色，在IE7.0下显示为红色，IE8显示为紫色</div>  
</body>  

三、针对IE浏览器，条件注释语句还有一些减少逻辑判断的参数：


lte：Less than or equal to的简写（就是小于或等于的意思）。


lt ：Less than的简写（就是小于的意思）。


gte：Greater than or equal to的简写（就是大于或等于的意思）。


gt ：Greater than的简写（也就是大于的意思）。


例如：<!--[if gt IE 5.5]> / 如果IE版本大于5.5 /


          <!–[if lte IE 6]> / 如果IE版本小于等于6 /


          <!–[if !IE]> / 如果浏览器不是IE /




      本文转自许琴 51CTO博客，原文链接：http://blog.51cto/xuqin/925202，如需转载请自行联系原作者



本文标签： 浏览器 代码 方法 大全 css

版权声明：本文标题：通过CSS代码判断浏览器方法大全 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1729173486h1326970.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。