首页 » CSS » CSS hack整理 ie浏览器兼容问题处理

CSS hack整理 ie浏览器兼容问题处理

原文 http://blog.csdn.net/seanxwq/article/details/79206201

2018-01-31 02:00:11阅读(313)

本文转载自:http://www.cnblogs.com/PeunZhang/archive/2012/04/09/2437563.html

浏览器的兼容性一直是个头疼的问题,使用“欺骗”技术可使各个浏览器效果一致,花了些时间整理了各个浏览器的hack,主要包括ie系列和最新版本的Chrome、Safari、Firefox、 Opera,比较全面的记录下Hack,内容包括3部分:媒体查询 hack、属性Hack、选择器Hack,这些Hack已经测试并得到有效运用,有需要的同学可以放心使用,笔者会在以后不断的更新,如果有需要补充或者修改的,欢迎大家指教!

以下代码之间的空格是必要的,缺少空格导致失效

/*---------------------------------媒体查询hack [[---------------------------------*/

/* 只支持IE6、7 */

@media screen\9 {...}

 

/* 只支持IE8 */

@media \0screen {...}

 

/* 只支持IE6、7、8 */

@media \0screen\,screen\9 {...}

 

/* 只支持IE8、9、10 */

@media screen\0 {...} 

 

/* 只支持IE9、10 */

@media screen and (min-width:0\0) {...} 

 

/* 只支持IE10 */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {...} 

 

/* 支持IE9、Chrome、Safari、Firefox、 Opera */

 

@media all and (min-width:0){...} 

 

/* 只支持wekit内核浏览器Chrome、Safari */

@media screen and (-webkit-min-device-pixel-ratio: 0) {...}

 

/* 只支持Opera */

@media all and (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {...} 

 

 /* 只支持Firefox */

@-moz-document url-prefix() {...}

 如:

<a href=CSS hack整理 ie浏览器兼容问题处理" src="http://common.cnblogs.com/images/copycode.gif" alt="复制代码">

最新发布

CentOS专题

关于本站

5ibc.net旗下博客站精品博文小部分原创、大部分从互联网收集整理。尊重作者版权、传播精品博文,让更多编程爱好者知晓!

小提示

按 Ctrl+D 键,
把本文加入收藏夹