关于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 就可以实现

浙公网安备 33010602011771号