Home >Web Front-end >CSS Tutorial >Different versions of IE use different css (css conditional comment statement usage)_CSS/HTML

Different versions of IE use different css (css conditional comment statement usage)_CSS/HTML

WBOY
WBOYOriginal
2016-05-16 12:03:471984browse
1. Introduction to conditional comments
1. Conditional comments in IE have excellent ability to distinguish IE versions from IE and non-IE, and are a commonly used hack method in WEB design.
2. Conditional comments can only be used in IE5 and above.
3. If you have multiple IEs installed, the conditional comments will be based on the highest version of IE.
4. The basic structure of conditional comments is the same as HTML comments (). Therefore browsers other than IE will treat them as ordinary comments and ignore them completely.
5.IE will use the if condition to determine whether to parse the content in the conditional comment like normal page content.
2. Conditional comment attributes
gt: greater than, selects a version above the conditional version, does not include the conditional version
lt: less than, selects a version below the conditional version, does not include the condition Version
gte: greater than or equal, select a version above the conditional version, including the conditional version
lte: less than or equal, select a version below the conditional version, include the conditional version
!: select all versions except the conditional version , no matter high or low
1. Css if hack conditional syntax
Only IE
Only all WIN systems that come with IE can recognize it

Only IE 5.0
Only IE5.0 can recognize

Only IE 5.0
Can be recognized by both IE5.0 and IE5.5

Only IE 6-
Only IE6 can recognize

Only IE 6/
IE6 and IE5 below IE6 .x can be recognized


Only IE7 can be recognized

Only IE 7/
IE7 and IE6 and IE5.x below IE7 can all be recognized


Only IE8 can recognize


You are not using Internet Explorer


You are using Internet Explorer version 6 or a non-IE browser

Copy Code The code is as follows:





DIV IF condition example


You are using:

IE7








Note: If your browser version is, it will display the IE version, for IE6-IE9 experiments

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn