浏览器 CSS Hack 收集_html/css_WEB-ITnose
程序员文章站
2022-04-15 09:44:24
...
所谓的Hack就是只有特定浏览器才能识别这段hack代码。Hack 不是什么好东西,除非没有办法,我们尽量还是不要用着玩意。 下面是各个浏览器的CSS Hack 列表。
Firefox 浏览器
@-moz-document url-prefix() { .selector { property: value; }}
支持所有Gecko内核的浏览器 (包括Firefox)
*>.selector { property: value; }
Webkit 内核浏览器
@media screen and (-webkit-min-device-pixel-ratio: 0) { Selector { property: value; }}
Opera 浏览器
html:first-child>b\ody Selector {property:value;}
IE 浏览器
IE 浏览器针对不同的版本有不同个Hack方式。
IE 9
:root Selector {property: value\9;}
IE 9-
Selector {property: value\9;}
IE 8
Selector {property: value/;}或:@media \0screen { Selector {property: value;}}
IE 8+
Selector {property: value\0;}
IE 7
*+html Selector{property:value;}或:*:first-child+html Selector {property:value;}
IE 7-
Selector {*property: value;}
IE6
Selector { _property: value;}或者: *html Selector { property: value;}
上一篇: 重绘与重排如何使用
下一篇: php中让人头疼的浮点数运算分析
推荐阅读
-
解决浏览器显示长数字不能自动换行或长字母不能换行的问题_html/css_WEB-ITnose
-
收集IE6.0与其它浏览器,样式兼容问题_html/css_WEB-ITnose
-
求css命名规范_html/css_WEB-ITnose
-
CSS定位属性position_html/css_WEB-ITnose
-
css修改输入框的placeholder颜色_html/css_WEB-ITnose
-
JS 实现需要时加载js和css文件_html/css_WEB-ITnose
-
为什么加了word-break : break-all;还是不换行呢?_html/css_WEB-ITnose
-
在字符串资源文件中添加HTML元素,直接使用字符串资源,HTML元素没起作用的解决办法_html/css_WEB-ITnose
-
Bootstrap栅格布局系统的特点_html/css_WEB-ITnose
-
初探css3_html/css_WEB-ITnose