IE系列CSS hack

针对低版本的IE,我们经常需要做css hack,因此仅在IE系列下识别的css就应该了解以下了。

IE CSS hack

针对不同版本的IE,不同的样式会被不同的版本识别。

background: #ccc; /* 所有浏览器都支持 */

下划线 ‘_’   _background: #ccc; /* IE6 */

短线 ‘-‘   -background: #ccc; /* IE6 */

星号 ‘*’   *background: #ccc; /* IE6、7 */

井号 ‘#’   #background: #ccc; /* IE6、7 */

加号 ‘+’   +background: #ccc; /* IE6、7 */

\零 ‘\0’   background: #ccc\0; /* IE8、9、10  */

\九 ‘\9’   background: #ccc\9; /* IE6、7、8、9、10 */

\九\零 ‘\9\0’   background: #ccc\9\0; /* IE9、10 */

条件注释

lt: less than ,选择条件版本以下的,不包括该条件版本。

gt: greater than ,选择条件版本以上的,不包括该版本。

gte: greater than or equal ,以上版本包括该版本。

lte: less than or equal ,以下版本包括该版本。

!: 选择条件以外的所有版本。

<!–[if IE 6]>仅IE6可见<![end if]–>

<!–[if gt IE 6]>IE6以上可见<![end if]–>

<!–[if lt IE 6]>IE6以下可见<![end if]–>

<!–[if gte IE 6]>IE6及以上可见<![end if]–>

<!–[if lte IE 6]>IE6及以下可见<![end if]–>

<!–[if !IE 6]>非IE6可见<![end if]–>

发表评论

电子邮件地址不会被公开。