CSS兼容性总结
2024-09-01 13:24:48
一.针对IE6的 !important
必须写在前面,例如:
background:#9C6 !important;background:#999;
二.CSS HACK
//IE6 专用
_height: 100px;
//IE7 专用
*+height: 100px;
//IE6、IE7 共用
*height: 100px;
//IE7、FF 共用
height: 100px !important;
浏览器在解释的时候,如果重名的话,会用后面的覆盖前面的,就象给变量赋值一个道理,所以我们把通用的放前面,越专用的越放后面。
三、使用IE专用的条件注释
<!--其他浏览器 -->
<link rel="stylesheet" type="text/css" href="css.css" />
<!--[if IE 7]>
<!-- 适合于IE7 -->
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->
<!--[if lte IE 6]>
<!-- 适合于IE6及以下 -->
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
IE的if条件Hack
1. <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
2. <!--[if IE]> 所有的IE可识别 <![endif]-->
3. <!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]-->
4. <!--[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]-->
5. <!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]-->
6. <!--[if IE 6]> 仅IE6可识别 <![endif]-->
7. <!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]-->
8. <!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]-->
9. <!--[if IE 7]> 仅IE7可识别 <![endif]-->
10. <!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]-->
11. <!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->注:gt = Great Then 大于
> = > 大于号
lt = Less Then 小于
< = < 小于号
gte = Great Then or Equal 大于或等于
lte = Less Then or Equal 小于或等于
最新文章
- HTML5五种客户端离线存储方案
- Mac终端常见命令
- Java多线程之新类库中的构件PriorityBlockingQueue
- Hibernate的配置
- 利用TraceSource写日志
- css样式:列表
- jpda
- Spark 核心概念 RDD 详解
- 【python3】如何建立爬虫代理ip池
- 【学习笔记】TensorFlow
- 解读 IoC 框架 InversifyJS
- 联想Y410P在Ubuntu系统下开关机及插耳机破音“啪啪”的解决办法
- FUNCTIONALITY OF ITEM CATEGORY
- ab测试工具
- Intellij中部署Tomcat(详细版本-介绍了部署完之后的详细路径)
- 由n个元素组成的数组,n-2个数出现了偶数次,两个数出现了奇数次,且这两个数不相等,如何用O(1)的空间复杂度,找出这两个数
- WorldWind源码剖析系列:视景体类Frustum
- 走进DOM:HTML DOM
- Centos 7.x临时的网络与路由配置
- 微信小程序的功能开发工具跟公众号的差别,小程序是一种减负思维对简单APP是巨大打击
热门文章
- DevOps - 项目私库 - Nexus Repository
- React学习(1)—— 基础项目搭建以及环境配置
- Docker(三):部署软件
- __name__ 和 ";__main__";
- hadoop生态搭建(3节点)-05.mysql配置_单节点
- 学习photoshop心得
- cmd中可以运行java,但不能运行javac命令
- 封装一个ExcelHelper,方便将Excel直接转成Datatable对象
- CWindowWnd类源码分析
- 【廖雪峰老师python教程】——OOP