CSS 滤器
CSS 滤器是一个编程技术,指根据浏览器的版本、功能来隐藏或显示CSS 标记语言。各浏览器对层叠样式表行为的解释以及W3C标准 的支持不同。有时 CSS 滤镜也用来在多个渲染效果不同的浏览器中取得一致的表现。
前缀 滤镜
此滤镜使用浏览器前缀样式代码,而这些代码会被其它浏览器忽略。所以 -moz-color:red;
定义将在所有 Gecko 浏览器中显示红色,而其它浏览器则为默认颜色。
p {
color: #000; /* 段落在忽略下面所有规则的浏览器中显示为黑色 */
-moz-color: #F00; /* 段落在 Gecko 浏览器中显示为红色 */
-webkit-color: #00F; /* 段落在 Webkit 浏览器中显示为蓝色 */
-khtml-color: #0F0; /* 段落在 KHTML 浏览器中显示为绿色 */
-xv-color: #FF0; /* 段落在 Presto 浏览器中显示为黄色 */
}
特定浏览器的样式只能定义在忽略它的浏览器的样式定义之后,或者使用!important
标记和无前缀无!important
的样式同时使用。这样有前缀的样式会覆盖无前缀的样式,达到特定浏览器想要的效果。