关于CSS BUG和过滤问题

最安全的过滤器依赖未实现的CSS,他们仅仅是一些浏览器不能理解的CSS,但它们是有效的正确的CSS。依赖这样的理解上的不同,从而区别浏览器的不同。

如:子选择器----- html>body{ background:#098567 }  (">"前后不能空格)

     IE6 和其以下版本不支持这个选择器    

    属性选择器 ----- div[id="count"]{  background:#098567    }

    IE6 和其以下版本不支持这个选择器   

    星号HTML招数 ------  *html {   background:#098567   }

     使用它只有IE6及以下版本支持,这样可以对其他浏览器隐藏这个样式,而在IE6中使用这个样式

    IE反斜杠招数 -----  /* 这是个注释,注意后面的斜杠 \*/

                               div{      }

                            /* 注释结束,中间的是样式

     IE5会错误的吧注释中的反斜杠当做转义,而认为*是个需要转义的字符,使得本应该结束的注释到最后才完成,它隐藏了样式

      转义属性招数 -----  #cound{ w\dith:500px }     IE5会认为 \ 是属性的一部分使得不认识这个属性,隐藏了样式。其他浏览器会忽略 \ 而当做Width属性对待

     !important 和 下斜杠招数 -----  #cound{ position:fixed !important;

                                                                position:stati  }

                                                  #cound{ position:fixed;

                                                                 _position:stati  }

 

     IE浏览器会执行第二条语句,其他标准浏览器会执行第一条.IE6会忽略 _ 而执行第二条语句

 表单元素 <Fieldset>在Opera7以下版本中有缺陷,要想关闭它就用
 fieldset{ border:solid,0,transparent}
其他浏览器直接 border:none 就可以实现

posted @ 2009-02-19 19:57  蓝魔  阅读(166)  评论(0)    收藏  举报