IE 创建条件样式
2024-10-16 12:03:24
1.HTML 注释
<div id="header">Header Section</div>
<!-- End Header Section Content -->
2.使用条件样式
只有IE5版本以上才能识别IE条件注释
那么为什么要创建条件样式呢?言外之意我们创建条件样式有什么好处呢?创建条件样式优点在于:可以将部分兼容代码识让符合条件的浏览器识别;其二让你的主要样式表整洁,清爽。不过大家要记住,虽然我们这里说的是创建有条件样式,但这种条件注释标签的使用不仅仅只能用于CSS,你可以应用在javaScript中,他们甚至可以在您的网站内容显示特殊的IE浏览器特定的消息。下面我们一起来看看其具体的应用,和使用方法。
条件语句放在<head> </head>中
格式:
<!--[if IE]>
... <![endif]-->
1. gt(greate than):选择条件版本以上版本,不包含条件版本本身;
2. lt(less than):这个刚好与gt相反,表示的是选择条件版本以下的版本,不包含条件版本自身;
3. gte(greate than or equal):选择条件版本以上版本,并包含条件版本自身;
4. lte(less than or equal):选择条件版本以下的版本,并包含条件版本自身;
5. !:选择条件版本以外所有版本,无论高低。
例子
1、支持所有IE浏览器
<!--[if IE]>
<link rel="stylesheet" href="all-ie-only.css" type="text/css"/>
<![endif]-->
2、支持除IE外的所有浏览器
<!--[if !IE]>
<link rel="stylesheet" href="not-ie.css" type="text/css"/>
<![endif]-->
4.支持IE10以下版本
<!--[if lt IE 10]>
<link rel="stylesheet" type="text/css" href="ie9-and-down.css">
<![endif]--> <!--[if IE 6]>
<script type="text/javascript" src="js/pngfix.js"></script>
<script type="text/javascript" src="js/ie6.js"></script>
<![endif]-->
3.仅仅支持IE10
<!--[if IE 10]>
<link rel="stylesheet" type="text/css" href="ie10.css">
<![endif]-->
最新文章
- MySQL 分析服务器状态
- 《Javascript高级程序设计第3版》精华总结
- hdu.1111.Secret Code(dfs + 秦九韶算法)
- Python:print显示颜色
- Aptana快捷键(方便查询)
- PHP+Ajax 异步通讯注册验证
- Java Memory Management(1)
- Hazelcase 简介
- 一口一口吃掉Hexo(二)
- Cannot be cast to java.lang.Comparable异常
- .11-Vue源码之patch(1)
- 自动化部署必备技能—部署yum仓库、定制rpm包
- 7 种 join
- ruby select 方法,可用于先查询结果后,再次用条件限制
- Print a file&#39;s last modified date in Bash
- <;Spark>;<;Running on a Cluster>;
- JS判断字符串是否为空或是否全为空格
- Maven项目目录结构与自动创建maven目录
- uboot命令实现举例
- 线上CPU100%?看看这篇是怎么排查的!
热门文章
- 整体刷新和局部刷新frameset窗口(转)
- gdal读写图像分块处理(精华版)
- C++之单元测试
- _declspec(dllexport)与_declspec(dllimport)
- C++类对应的内存结构
- poj 2704 Pascal&#39;s Travels_记忆化搜索
- OC中如何把字典中的数据拼接成url字符串
- TagBuilder 性能如此低下?
- 连不上VSS 【转】
- UVA - 10574 Counting Rectangles