浏览器 CSS Hack 收集
程序员文章站
2022-03-24 21:28:27
...
所谓的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; }
以上就是浏览器 CSS Hack 收集的详细内容,更多请关注其它相关文章!
下一篇: 使用Oracle数据泵命令行交互模式
推荐阅读
-
史上最全的css hack(ie6-9,firefox,chrome,opera,safari)_html/css_WEB-ITnose
-
浏览器CSS兼容问题汇总及解决_html/css_WEB-ITnose
-
兼容浏览器的div透明_html/css_WEB-ITnose
-
兼容各种浏览器的上下滚动代码_html/css_WEB-ITnose
-
解决CSS在浏览器不兼容的问题
-
鼠标经过图片放大,离开变回原形,在谷歌浏览器里面显示异常_html/css_WEB-ITnose
-
IE11浏览器:请不要再叫我IE,谢谢_html/css_WEB-ITnose
-
CSS自适应铺满浏览器全屏布局
-
浏览器兼容问题:高度显示错误_html/css_WEB-ITnose
-
探究为何rem在chrome浏览器上计算出错_html/css_WEB-ITnose