博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css ie hack整理
阅读量:4955 次
发布时间:2019-06-12

本文共 1093 字,大约阅读时间需要 3 分钟。

网上有很多关于ie hack的文章,可能由于文章发布后ie的版本还在升级。所以导致有些hack写法已经不适用了。以下是本人整理的ie6-11的一些hack常用写法。(以下默认文档模式为标准模式)

1.通过条件判断ie版本来引用不同的css

以上方式以此类推,可以通过引用不同的外链css或直接使用内嵌样式表 来满足基本要求。

 

2.直接使用css属性的hack写法。

1)!important  由于ie6不知别!important,其他浏览器都识别,所以可以用于ie6 hack。

div{  max-width:100px;  width:auto !important;  width:100px;          }

 

2)  下划线 '_'   ie6的有一个专用hack写法。

div{  color:blue;  _color:red;  /*只有在ie6下才会表现为红色*/}

 

3) 星号 '*'  ie6,7的公用写法。  

div{  color:blue;  *color:red;   /*在ie6,7下都会表现为红色*/}

ie7没有专用写法,*会同时识别ie6,7,如果只想识别ie7,可以同时配合下划线‘_’使用。  

 

4) \0   ie8及以上浏览器都会识别\0写法,ie6,7不识别

div{    color:red;    color:#ccc\0;}

以上写法只有ie8及以上浏览器都会识别,ie6,7不识别,而且会导致ie6,7不识别普通写法(color:red),需要同时使用'*'来适配ie6,7。

 

5)\9   ie6-10都识别\9,10以上不识别

div{    color:red;    color:blue\9;                   /*ie 6-10都为blue*/} 

 

6)\9\0  ie9,10识别   ie8,11不识别,使用默认    ie6,7不识别,也不使用默认

div{  color:red;  color:blue\9\0;  }

以上写法在ie9,10中会表现会蓝色,在ie8,11下会表现为红色,而在ie6,7下则表现为黑色,需要单独为ie6,7使用 '*' hack。

 

以上就是总结的ie hack写法,代码和例子均测试过。欢迎大家补充,分享。

最后说一句,如果可以通过其他方式避免ie不同版本表现不一致,尽量不要使用hack写法。

 

 

  

 

转载于:https://www.cnblogs.com/Tzhibin/p/4365173.html

你可能感兴趣的文章
C# windows程序应用与JavaScript 程序交互实现例子
查看>>
HashMap详解
查看>>
js05-DOM对象二
查看>>
mariadb BINLOG_FORMAT = STATEMENT 异常
查看>>
C3P0 WARN: Establishing SSL connection without server's identity verification is not recommended
查看>>
iPhone在日本最牛,在中国输得最慘
查看>>
动态方法决议 和 消息转发
查看>>
WPF自定义搜索框代码分享
查看>>
js 基础拓展
查看>>
SpringBoot访问html访问不了的问题
查看>>
{width=200px;height=300px;overflow:hidden}
查看>>
C#生成随机数
查看>>
CSS基础学习 20.CSS媒体查询
查看>>
2019春季第十一周作业
查看>>
洛谷P4591 [TJOI2018]碱基序列 【KMP + dp】
查看>>
iOS CoreData介绍和使用(以及一些注意事项)
查看>>
OS笔记047代理传值和block传值
查看>>
Android应用程序与SurfaceFlinger服务的连接过程分析
查看>>
coco2dx服务器简单例子
查看>>
Java回顾之多线程
查看>>