层叠样式表 (英文全称: Cascading Style Sheets) 是一种用来表现 html(标准通用标记语言的一个应用)或 xml(标准通用标记语言的一个子集)等文件样式的计算机语言.
可以使用条件注释的方法实现不同 IE 浏览器调用不同 CSS 文件. IE 中的条件注释 (Conditional comments) 对 IE 的版本和 IE 非 IE 有优秀的区分能力.
示例:
- <!--[if lte IE 6]>
- <LINK rel="stylesheet" type="text/css" href="images/StyleSheet.css" />
- <![endif]-->
- <!--[if IE 7]>
- <LINK rel="stylesheet" type="text/css" href="images/css.css" />
- <![endif]-->
- #example{color:red ;} * HTML #example{color:blue;} *+HTML #example{color:green;}
- <!-[if lte IE 6]>
- ......
- <![endif]->
Ite:Less than or equal to 意思是小于或等于 IE6 浏览器, 用于 IE 浏览器的条件注释, 常用于 CSShack, 针对 IE 的 JS 等.
在进行 web 标准网页的学习和应用过程中, 网页对浏览器的兼容性是经常接触到的一个问题. 其中因微软公司的 Internet Explorer(简称 IE)占据浏览器市场的大半江山, 此外还有 Firefox,Opera 等. 需要对这些浏览器进行兼容.
同时, 单就 IE 而言, 因 IE 版本的升级更替, 目前浏览者使用的主要停留在 IE5(IE5.5),IE6 和 IE7 这三个版本中. 而这 3 个版本对于我们制作的 Web 标准网页 (XHTML+CSS) 解释执行的显示状况不尽相同.
并且, 其他非 IE 浏览器与 IE 对某些 CSS 解释也不一样. 所以, 通过 IE 浏览器中的专有条件注释可有针对性的进行相关属性的定义.
1, 条件注释的基本结构和 HTML 的注释 (<!- ->) 是一样的. 因此 IE 以外的浏览器将会把它们看作是普通的注释而完全忽略它们.
2,IE 将会根据 if 条件来判断是否如解析普通的页面内容一样解析条件注释里的内容.
3, 条件注释使用的是 HTML 的注释结构, 因此他们只能使用在 HTML 文件里, 而不能在 CSS 文件中使用.
可使用如下代码检测当前 IE 浏览器的版本(注意: 在非 IE 浏览器中是看不到效果的)
- <!-[if IE]>
- <h1 > 您正在使用 IE 浏览器</h1>
- <!-[if IE 5]>
- <h2 > 版本 5</h2>
- <![endif]->
- <!-[if IE 5.0]>
- <h2 > 版本 5.0</h2>
- <![endif]->
- <!-[if IE 5.5]>
- <h2 > 版本 5.5</h2>
- <![endif]->
- <!-[if IE 6]>
- <h2 > 版本 6</h2>
- <![endif]->
- <!-[if IE 7]>
- <h2 > 版本 7</h2>
- <![endif]->
- <![endif]->
如果当前的浏览器是 IE, 但版本比 IE5 还低, 该怎么办呢, 可以使用 <!-[if ls IE 5]>, 当然, 根据条件注释只能在 IE5 + 的环境之下, 所以<!-[if ls IE 5]> 根本不会被执行.
推荐: CSS 文档 https://www.html.cn/book/css/
来源: http://www.css88.com/qa/css3/14131.html