CSS中识别各类IE的方法

IE6 only:

* html .ie6 {
    property: value;
}

or

html .ie6 {
    _property: value;
}

IE7 only:

*+html .ie7 {
    property: value;
}

or

*:first-child+html ie7 {
    property: value;
}

IE6 and IE7:

@media screen\9 {
    ie67 {
    property: value;
    }
}

or

.ie67 {
    *property: value;
}

IE6,7 and IE8:

@media \0screen\, screen\9 {
    ie678 {
        property: value;
    }
}

IE8 only:

html>/**/body .ie8 {
    property: value;
}

or

@media \0screen {
    ie8 {
        property: value;
    }
}

IE8(只在标准模式):

.ie8 {
    property/*\**/: value\9;
}

IE8,9 and IE10:

@media screen\0 {
    ie8910 {
        property: value;
    }
}

IE9 only:

@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {
    /*IE9 CSS*/
    .ie9{
        property: value;
    }
}

IE9+:

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    /*IE9+ CSS*/
    .ie9up {
        property: value;
    }
}

IE9 and 10:

@media screen and (min-width:0) {
    .ie910 {
        property: value;
    }
}

IE10 only:

_:-ms-lang(x), ie10 {
    property: value;
}

IE10+:

_:-ms-lang(x), ie10up {
    property: value;
}

or

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
    .ie10up {
        property: value;
    }
}

IE11+:

_:-ms-fullscreen, :root .ie11up {
    property:value;
}
时间: 2024-10-13 06:36:27

CSS中识别各类IE的方法的相关文章

CSS中让图片垂直居中的方法

在网页实现的过程中,经常会遇到图片垂直居中[水平居中的话,“text-align:center;”即可搞定]的情况.有时难免会遇到图片大小不同,但是要垂直居中于大小一样的容器里,这时候就比较棘手了.以前练习的时候,总是用一样的图片进行排版,避重就轻.但是今天,面对这个问题,觉得有必要挑战一下自己,同时也为有同样困惑的朋友们做一下探讨.以下内容就是我做的总结,简单又实用. 简述: 将外部容器的显示模式设置成display:table-cell,[针对IE6/IE7]在img标签的前面插入一对空标签

css 中在图片中加入文字的方法

父div 相对定位 子 div 绝对定位(文字的话span标签即可) 子div 可以是多个,实现div同位置叠加 <div class='a'> <div class='b'></div> <div class='c'> <span>文字</span> </div> <div class='d'></div> </div> .a{ width:400px; height:400px; p

CSS中元素水平居中和垂直居中的方法

#CSS中水平居中和垂直居中的方法 一. 水平居中 1.行内元素(文本,图片等) 如果被设置元素为文本.图片等行内元素时,可以通过给父元素设置` text-align:center;` 来实现 2.定宽块级元素 可以通过设置“左右margin”值为“auto”来实现居中 常用的有 `margin:0 auto; ` 也可以写成`margin-left:auto;margin-right:auto;` 3.不定宽块级元素 有三种实现方法: * 加入 table 标签   为需要设置的居中的元素外面

网页中添加下划线的方法汇总及优缺点

本文主要介绍了添加下划线样式的几乎所有方法,并且比较了每一种方法的优缺点.没想到之前一直没有注意的下划线还有这么多玄机奥秘! 本文由 nzbin 翻译,艾凌风 校稿.未经许可,禁止转载! 英文出处:css-tricks.com 发表地址:http://web.jobbole.com/89425/ 有很多种添加下划线样式的方法.可能你还记得< Crafting link underlines on Medium >这篇文章.Medium 并没有尝试特殊的方法,只是想创建一个漂亮的看起来正常的下划

中文字体在CSS中的表达方式

在写一个网站的样式表的时候,都会不可避免地用到一些中文字体,比如说微软雅黑.黑体等,除非是做英文站,或者说你乐意整站都用浏览器默认的字体,那我也算服了U.在 CSS 中写入中文字体的方法一般采用 font-family:"微软雅黑","黑体";这样类似的表达方式,但是对于像 WordPress 这样需要 UTF8 编码平台来说,一个不注意没有转换编码就会导致中文字体无法按照希望的字体表形出来.所以我们可以通过英文.unicode 这种形式来表达中文,比如说刚才的 f

CSS中的各种居中方法总结

CSS中的居中可分为水平居中和垂直居中.水平居中分为行内元素居中和块状元素居中两种情况,而块状元素又分为定宽块状元素居中和不定宽块状元素居中.下面详细介绍这几种情况. 一.水平居中 1.行内元素居中 顾名思义,行内元素居中是只针对行内元素的,比如文本(text).图片(img).按钮等行内元素,可通过给父元素设置 text-align:center 来实现.另外,如果块状元素属性display 被设置为inline时,也是可以使用这种方法.但有个首要条件是子元素必须没有被float影响,否则一切

css网页中设置背景图片的方法详解

css网页中设置背景图片的方法详解 在css代码中设置背景图片的方法,包括背景图片.背景重复.背景固定.背景定位等 用css设置网页中的背景图片,主要有如下几个属性: 1,背景颜色 {background-color:数值}2,背景图片 {background-image: url(URL)|none}3,背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}4,背景固定 {background-attachment

原生js获取css中class的方法

function getByClass( className, context) { var context = context || document; if( context.getElementsByClassName) { return context.getElementsByClassName(className); } var nodes = context.getElementsByTagName("*"); ret=[]; for( var i=0; i<nod

理解是最好的记忆方法 之 CSS中a链接的④个伪类为何有顺序

理解是最好的记忆方法 之 CSS中a链接的④个伪类为何有顺序 在CSS中,a标签有4种伪类,分别为: a:link, a:visited, a:hover, a:active 对其稍有了解的前端er都知道,4个伪类是有固定顺序的(LVHA),否则很容易出现预期之外的效果. 大部分人,都会用自己的方式,对这个顺序死记硬背. 熟记顺序,无疑是写样式时最快捷的方法,牛人们的记忆方法也是五花八门. 我见过有酱婶的:lv的包包hao,这倒是实话. 比较奇葩的,我在baidu上输入lvha,竟然自动关联出鹿