首页 HTML/CSS 判断IE6浏览器并制定不同...

判断IE6浏览器并制定不同的css兼容规则

作者:

修改日期:

IE6浏览器已经被最新的wordpress程序放弃,如果使用IE6的朋友安装wordpress会发现后台看不到整个功能菜单。
但是有时我们在制作网页或主题的时候,不可避免的会出现一些浏览器兼容性问题,特别是IE系列的浏览器,那么对于这样的兼容性问题应该怎么解决呢,我们可以使用以下两种最简单的判断语句针对不同的浏览器制定不同的兼容css样式。

1. 向下隐藏:
这种注释方法最常见,只有符合条件的IE浏览器才能对注释的内容进行渲染,而注释的内容对于其他浏览器会被认为是注释的一部分,不予渲染。

  1. <!– [ if IE 6 ]>  
  2. 仅IE6可见   
  3. <![ endif ] —>  

2. 向下可见:
和以上针对IE6浏览器的判断方法不同,下面这种方法是针对除去IE6之外的其他浏览器进行判断。

  1. <! [ if gt IE 6 ]>  
  2. 版本高于6的IE以及其他浏览器可见。   
  3. <! [ endif ] >  

扩展应用案例:
针对IE6一套单独的CSS规则,然后其他不同的浏览器使用一套CSS规则,可以通过以下方法实现:

  1. <! [ if gt IE 6 ]   
  2. <link rel=“stylesheet” type=“text/css” href=“style.css” media=“all” />  
  3. <! [ endif ]>  
  4.   
  5. <!– [ if IE 6 ]>  
  6. <link rel=“stylesheet” type=“text/css” href=“ie6.css” media=“all” />  
  7. <! [ endif ]–>  

条件语句参数速记:

  1. lt    =less than 小于   
  2. lte  =less than equal to 小于等于   
  3. gt   =great than 大于   
  4. gte =great than equal to 大于等于   
  5. !     =不等于