- 浏览: 122026 次
- 性别:
- 来自: 天津
文章分类
最新评论
-
308202251:
发现自己都没看过。。。还是太弱呀
一个合格的程序员必看的一些书 -
Thyiad:
...
浏览器如何渲染文本 -
justjavac:
csc365kl 写道和你上面分析的狗屁没关系 就是人多人贱 ...
为什么中国的程序员总被称为码农? -
csc365kl:
和你上面分析的狗屁没关系 就是人多人贱 中国程序员放到国外 语 ...
为什么中国的程序员总被称为码农? -
csc365kl:
别说程序员 我们的 农民和发达国家的农民 受到的尊敬一样么? ...
为什么中国的程序员总被称为码农?
随着每个新版本的 Windows Internet Explorer 的发布,对级联样式表 (CSS) 标准的支持也在稳步提高。 Internet Explorer 6 是第一个完全符合 CSS 级别 1 规范的 Internet Explorer 版本。 Windows Internet Explorer 8 完全符合 CSS 级别 2 修订 1 (CSS 2.1) 规范,并支持某些 CSS 级别 3 (CSS 3) 的功能。
如果 您的网站面向的浏览器包括早期版本的 Internet Explorer,则您需要知道这些版本符合的 CSS 级别规范。 本文简述了各个最近的 Internet Explorer 版本的 CSS 合规性(包括 Internet Explorer 8 中提供的支持)。
注意 Internet Explorer 8 中新增的 CSS 功能仅当您的页面在 IE8 模式(或更高版本)中呈现时可用。 通过在您页面的标题部分中包含以下 meta 标记,可以确保您的页面以 IE8 模式显示:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
有 关文档兼容性模式的更多信息,请参见“定义文档兼容性”。
本文以 MSDN 上的 CSS 参考文档(可能为英文网页) 为基础且结构较为松散。 本文包含以下各节:
简介
每个表均列出了最近的 Internet Explorer 版本中分组 CSS 功能的支持状态信息。 在每一节中,第一个表表示 CSS 2.1 或早期版本中引入的功能,第二个表表示万维网联合会 (W3C) 为 CSS 3 规划的功能。
单元格中的值“是”表示在相应版本的 Internet Explorer 中实现了该功能。
单元格中的值“部分”表示只在相应版本的 Internet Explorer 中部分实现了该功能。 有关更多信息,请单击链接查看 MSDN 上该功能的参考页。
单元格中的值“否”表示未在相应版本的 Internet Explorer 中实现该功能。
At 规则
CSS 2.1:
@charset | 否 | 是 | 是 | 是 | 是 |
@import | 是 | 是 | 是 | 是 | 是 |
@media | 否 | 是 | 是 | 是 | 是 |
@page | 部分 | 部分 | 部分 | 部分 | 是 |
CSS 3:
@font-face | 否 | 是 | 是 | 是 | 是 |
@namespace | 否 | 否 | 否 | 否 | 否 |
选择器
元素选择器
CSS 2.1:
.value { sRules } | 类 (请参见注释) | 部分 | 部分 | 部分 | 是 | 是 |
#value { sRules } | ID | 是 | 是 | 是 | 是 | 是 |
E { sRules } | 类型 | 是 | 是 | 是 | 是 | 是 |
* { sRules } | 通用 | 否 | 否 | 否 | 是 | 是 |
注 释 在 Internet Explorer 7 之前的版本中,每个元素只能有两个类选择器。
CSS 3:
ns|E { sRules } | 已 指定命名空间 | 否 | 否 | 否 | 否 | 否 |
属性选择器
CSS 2.1:
[att=val] { sRules } | 相等 [=] | 否 | 否 | 否 | 是 | 是 |
[att] { sRules } | 存在 [] | 否 | 否 | 否 | 是 | 是 |
[att|=val] { sRules } | 连字符 [|=] | 否 | 否 | 否 | 是 | 是 |
[att~=val] { sRules } | 空白 [~=] | 否 | 否 | 否 | 是 | 是 |
CSS 3:
[ns|attr] { sRules } | 已指定命名空间 | 否 | 否 | 否 | 是 | 是 |
[att^=val] { sRules } | 前缀 [^=] | 否 | 否 | 否 | 是 | 是 |
[att*=val] { sRules } | 子字符串 [*=] | 否 | 否 | 否 | 是 | 是 |
[att$=val] { sRules } | 后缀 [$=] | 否 | 否 | 否 | 是 | 是 |
连结符
CSS 2.1:
E+F { sRules } | 相邻同级 (+) | 否 | 否 | 否 | 是 | 是 |
E>F { sRules } | 子级 (>) | 否 | 否 | 否 | 是 | 是 |
EF { sRules } | 后代 | 是 | 是 | 是 | 是 | 是 |
CSS 3:
E~F { sRules } | 常规同级 (~) | 否 | 否 | 否 | 是 | 是 |
伪类
CSS 2.1:
:active { sRules } | :active | 否 | 否 | 否 | 部分 | 是 |
:first-child { sRules } | :first-child | 否 | 否 | 否 | 是 | 是 |
:focus { sRules } | :focus | 否 | 否 | 否 | 否 | 是 |
:hover { sRules } | :hover | 部分 | 部分 | 部分 | 是 | 是 |
:lang(C) { sRules } | :lang() | 否 | 否 | 否 | 否 | 是 |
:link { sRules } | :link | 是 | 是 | 是 | 是 | 是 |
:visited { sRules } | :visited | 是 | 是 | 是 | 是 | 是 |
@page :first { sRules } | @page :first | 否 | 否 | 否 | 否 | 是 |
@page :left { sRules } | @page :left | 否 | 否 | 否 | 否 | 是 |
@page :right { sRules } | @page :right | 否 | 否 | 否 | 否 | 是 |
CSS 3:
:root { sRules } | :root | 否 | 否 | 否 | 否 | 否 |
:nth-child() { sRules } | :nth-child() | 否 | 否 | 否 | 否 | 否 |
:nth-last-child() { sRules } | :nth-last-child() | 否 | 否 | 否 | 否 | 否 |
:nth-of-type() { sRules } | :nth-of-type() | 否 | 否 | 否 | 否 | 否 |
:nth-last-of-type() { sRules } | :nth-last-of-type() | 否 | 否 | 否 | 否 | 否 |
:last-child { sRules } | :last-child | 否 | 否 | 否 | 否 | 否 |
:first-of-type { sRules } | :first-of-type | 否 | 否 | 否 | 否 | 否 |
:last-of-type { sRules } | :last-of-type | 否 | 否 | 否 | 否 | 否 |
:only-child { sRules } | :only-child | 否 | 否 | 否 | 否 | 否 |
:only-of-type { sRules } | :only-of-type | 否 | 否 | 否 | 否 | 否 |
:empty { sRules } | :empty | 否 | 否 | 否 | 否 | 否 |
:target { sRules } | :target | 否 | 否 | 否 | 否 | 否 |
:not(X) { sRules } | :not() | 否 | 否 | 否 | 否 | 否 |
:enabled { sRules } | :enabled | 否 | 否 | 否 | 否 | 否 |
:disabled { sRules } | :disabled | 否 | 否 | 否 | 否 | 否 |
:checked { sRules } | :checked | 否 | 否 | 否 | 否 | 否 |
:indeterminate { sRules } | :indeterminate | 否 | 否 | 否 | 否 | 否 |
:default { sRules } | :default | 否 | 否 | 否 | 否 | 否 |
:valid { sRules } | :valid | 否 | 否 | 否 | 否 | 否 |
:invalid { sRules } | :invalid | 否 | 否 | 否 | 否 | 否 |
:in-range { sRules } | :in-range | 否 | 否 | 否 | 否 | 否 |
:out-of-range { sRules } | :out-of-range | 否 | 否 | 否 | 否 | 否 |
:required { sRules } | :required | 否 | 否 | 否 | 否 | 否 |
:optional { sRules } | :optional | 否 | 否 | 否 | 否 | 否 |
:read-only { sRules } | :read-only | 否 | 否 | 否 | 否 | 否 |
:read-write { sRules } | :read-write | 否 | 否 | 否 | 否 | 否 |
伪元素
CSS 2.1:
:after { sRules } | :after | 否 | 否 | 否 | 否 | 是 |
:before { sRules } | :before | 否 | 否 | 否 | 否 | 是 |
:first-letter { sRules } | :first-letter | 否 | 是 | 是 | 是 | 是 |
:first-line { sRules } | :first-line | 否 | 是 | 是 | 是 | 是 |
CSS 3:
::before { sRules } | ::before | 否 | 否 | 否 | 否 | 否 |
::after { sRules } | ::after | 否 | 否 | 否 | 否 | 否 |
::first-letter { sRules } | ::first-letter | 否 | 否 | 否 | 否 | 否 |
::first-line { sRules } | ::first-line | 否 | 否 | 否 | 否 | 否 |
::selection { sRules } | ::selection | 否 | 否 | 否 | 否 | 否 |
::value { sRules } | ::value | 否 | 否 | 否 | 否 | 否 |
::choices { sRules } | ::choices | 否 | 否 | 否 | 否 | 否 |
::repeat-item { sRules } | ::repeat-item | 否 | 否 | 否 | 否 | 否 |
::repeat-index { sRules } | ::repeat-index | 否 | 否 | 否 | 否 | 否 |
属性
CSS 2.1:{ sRule!important } | !important 声明 | 部分 | 部分 | 部分 | 是 | 是 |
列表
CSS 2.1:
{ list-style : sStyle } | list-style | 是 | 是 | 是 | 是 | 是 |
{ list-style-image : sStyle } | list-style-image | 是 | 是 | 是 | 是 | 是 |
{ list-style-position : sStyle } | list-style-position | 是 | 是 | 是 | 是 | 是 |
{ list-style-type : sStyle } | list-style-type | 否 | 否 | 否 | 部分 | 是 |
颜色和背景
CSS 2.1:
{ color : sColor } | color | 是 | 是 | 是 | 是 | 是 |
{ background : sBackground } | background | 是 | 是 | 是 | 是 | 是 |
{ background-attachment : sAttachment } | background-attachment | 部分 | 部分 | 部分 | 是 | 是 |
{ background-color : sColor } | background-color | 是 | 是 | 是 | 是 | 是 |
{ background-image : sLocation } | background-image | 是 | 是 | 是 | 是 | 是 |
{ background-position : sPosition } | background-position | 部分 | 部分 | 部分 | 部分 | 是 |
{ background-repeat : sRepeat } | background-repeat | 是 | 是 | 是 | 是 | 是 |
CSS 3:
{ color-profile : sProfile } | color-profile | 否 | 否 | 否 | 否 | 否 |
{ rendering-intent : sIntent } | rendering-intent | 否 | 否 | 否 | 否 | 否 |
{
background : sBackground1, sBackground2, etc. } |
background (multiple) | 否 | 否 | 否 | 否 | 否 |
{ background-clip : sClip } | background-clip | 否 | 否 | 否 | 否 | 否 |
{ background-origin : sOrigin } | background-origin | 否 | 否 | 否 | 否 | 否 |
{ background-break : sBreak } | background-break | 否 | 否 | 否 | 否 | 否 |
{ background-size : sSize } | background-size | 否 | 否 | 否 | 否 | 否 |
字体和文本
CSS 2.1:
{ direction : sDirection } | direction | 是 | 是 | 是 | 是 | 是 |
{ font : sFont } | font | 是 | 是 | 是 | 是 | 是 |
{ font-family : sFamily } | font-family | 是 | 是 | 是 | 是 | 是 |
{ font-size : sSize } | font-size | 是 | 是 | 是 | 是 | 是 |
{ font-style : sStyle } | font-style | 是 | 是 | 是 | 是 | 是 |
{ font-variant : sVariant } | font-variant | 是 | 是 | 是 | 是 | 是 |
{ font-weight : sWeight } | font-weight | 部分 | 部分 | 部分 | 部分 | 是 |
{ letter-spacing : sSpacing } | letter-spacing | 是 | 是 | 是 | 是 | 是 |
{ line-height : sHeight } | line-height | 是 | 是 | 是 | 是 | 是 |
{ text-align : sAlign } | text-align | 是 | 是 | 是 | 是 | 是 |
{ text-decoration : sDecoration } | text-decoration | 是 | 是 | 是 | 是 | 是 |
{ text-indent : sIndent } | text-indent | 是 | 是 | 是 | 是 | 是 |
{ text-transform : sTransform } | text-transform | 是 | 是 | 是 | 是 | 是 |
{ unicode-bidi : sAlign } | unicode-bidi | 是 | 是 | 是 | 是 | 是 |
{ vertical-align : sAlign } | vertical-align | 是 | 是 | 是 | 是 | 是 |
{ white-space : sWrap } | white-space | 部分 | 部分 | 部分 | 部分 | 是 |
{ word-spacing : sSpacing } | word-spacing | 部分 | 部分 | 部分 | 部分 | 是 |
CSS 3:
{ font-effect : sEffect } | font-effect | 否 | 否 | 否 | 否 | 否 |
{ font-emphasize : s Emphasize } | font-emphasize | 否 | 否 | 否 | 否 | 否 |
{ font-size-adjust : sSizeAdjust } | font-size-adjust | 否 | 否 | 否 | 否 | 否 |
{ font-smooth : s Smooth } | font-smooth | 否 | 否 | 否 | 否 | 否 |
{ font-stretch : s Stretch } | font-stretch | 否 | 否 | 否 | 否 | 否 |
{ hanging-punctuation : sH angingPunctuation } | hanging-punctuation | 否 | 否 | 否 | 否 | 否 |
{ punctuation-trim : sTrim } | punctuation-trim | 否 | 否 | 否 | 否 | 否 |
{ ruby-align : sRubyAlign } | ruby-align | 是 | 是 | 是 | 是 | 是 |
{ ruby-overhang : sRubyOverhang } | ruby-overhang | 是 | 是 | 是 | 是 | 是 |
{ ruby-position : sRubyPlacement } | ruby-position | 是 | 是 | 是 | 是 | 是 |
{ ruby-span : sRubySpan } | ruby-span | 否 | 否 | 否 | 否 | 否 |
{ text-align-last : sAlignLast } | text-align-last | 部分 | 部分 | 部分 | 部分 | 部 分 |
{ text-emphasis : s Emphasis } | text-emphasis | 否 | 否 | 否 | 否 | 否 |
{ text-justify : s Justify } | text-justify | 否 | 是 | 是 | 是 | 是 |
{ text-outline : sOutline } | text-outline | 否 | 否 | 否 | 否 | 否 |
{ text-overflow : sOverflow} | text-overflow | 否 | 部分 | 部分 | 部分 | 部 分 |
{ text-shadow : sShadow } | text-shadow | 否 | 否 | 否 | 否 | 否 |
{ text-wrap : sWrap } | text-wrap | 否 | 否 | 否 | 否 | 否 |
{ word-break : sBreak } | word-break | 部分 | 部分 | 部分 | 部分 | 部 分 |
{ word-wrap : sWrap } | word-wrap | 是 | 是 | 是 | 是 | 是 |
{ writing-mode : sFlow } | writing-mode | 是 | 是 | 是 | 是 | 是 |
生成的内容
CSS 2.1:
{ content : sContent } | content | 否 | 否 | 否 | 否 | 是 |
{ counter-increment : sCounter } | counter-increment | 否 | 否 | 否 | 否 | 是 |
{ counter-reset : sCounter } | counter-reset | 否 | 否 | 否 | 否 | 是 |
{ quotes : sQuotes } | quotes | 否 | 否 | 否 | 否 | 是 |
边框和布局
CSS 2.1:
{ border : sBorder } | border | 是 | 是 | 是 | 是 | 是 |
{ border-bottom : sBottom } | border-bottom | 否 | 是 | 是 | 是 | 是 |
{ border-bottom-color : sColor } | border-bottom-color | 是 | 是 | 是 | 是 | 是 |
{ border-bottom-style : s Style } | border-bottom-style | 否 | 是 | 是 | 是 | 是 |
{ border-bottom-width : sWidth } | border-bottom-width | 否 | 是 | 是 | 是 | 是 |
{ border-collapse : sCollapse } | border-collapse | 部分 | 部分 | 部分 | 部分 | 是 |
{ border-color : sColor } | border-color | 是 | 是 | 是 | 是 | 是 |
{ border-left : s Left } | border-left | 否 | 是 | 是 | 是 | 是 |
{ border-left-color : sColor } | border-left-color | 是 | 是 | 是 | 是 | 是 |
{ border-left-style : sStyle } | border-left-style | 否 | 是 | 是 | 是 | 是 |
{ border-left-width : sWidth } | border-left-width | 否 | 是 | 是 | 是 | 是 |
{ border-right : s Right} | border-right | 否 | 是 | 是 | 是 | 是 |
{ border-right-color : sColor } | border-right-color | 是 | 是 | 是 | 是 | 是 |
{ border-right-style : sStyle } | border-right-style | 否 | 是 | 是 | 是 | 是 |
{ border-right-width : sWidth } | border-right-width | 否 | 是 | 是 | 是 | 是 |
{ border-spacing : sSpacing } | border-spacing | 否 | 否 | 否 | 否 | 是 |
{ border-style : sStyle } | border-style | 否 | 部分 | 部分 | 部分 | 是 |
{ border-top : s Top } | border-top | 否 | 是 | 是 | 是 | 是 |
{ border-top-color : sColor } | border-top-color | 是 | 是 | 是 | 是 | 是 |
{ border-top-style : s Style } | border-top-style | 否 | 是 | 是 | 是 | 是 |
{ border-top-width : sWidth } | border-top-width | 否 | 是 | 是 | 是 | 是 |
{ border-width : sWidth } | border-width | 是 | 是 | 是 | 是 | 是 |
{ caption-side : sLocation } | caption-side | 否 | 否 | 否 | 否 | 是 |
{ clear : sClear } | clear | 是 | 是 | 是 | 是 | 是 |
{ empty-cells : sEmptyCells } | empty-cells | 否 | 否 | 否 | 部分 | 是 |
{ float : sFloat } | float | 是 | 是 | 是 | 是 | 是 |
{ margin : sMargin } | margin | 是 | 是 | 是 | 是 | 是 |
{ margin-bottom : sHeight } | margin-bottom | 是 | 是 | 是 | 是 | 是 |
{ margin-left : s Width } | margin-left | 是 | 是 | 是 | 是 | 是 |
{ margin-right : sWidth } | margin-right | 是 | 是 | 是 | 是 | 是 |
{ margin-top : sHeight } | margin-top | 是 | 是 | 是 | 是 | 是 |
{ padding : sPadding } | padding | 是 | 是 | 是 | 是 | 是 |
{ padding-bottom : sPadding } | padding-bottom | 是 | 是 | 是 | 是 | 是 |
{ padding-left : sPadding } | padding-left | 是 | 是 | 是 | 是 | 是 |
{ padding-right : sPadding } | padding-right | 是 | 是 | 是 | 是 | 是 |
{ padding-top : sPadding } | padding-top | 是 | 是 | 是 | 是 | 是 |
{ table-layout : sLayout } | table-layout | 是 | 是 | 是 | 是 | 是 |
CSS 3:
{ border-break : sBreak } | border-break | 否 | 否 | 否 | 否 | 否 |
{ border-image : sImage } | border-image | 否 | 否 | 否 | 否 | 否 |
{ border-radius : sRadius } | border-radius | 否 | 否 | 否 | 否 | 否 |
{ box-shadow : sShadow } | box-shadow | 否 | 否 | 否 | 否 | 否 |
定位
CSS 2.1:
{ bottom : sBottom } | bottom | 否 | 部分 | 部分 | 部分 | 是 |
{ clip : s Clip } | clip | 否 | 是 | 是 | 是 | 是 |
{ display : sDisplay } | display | 部分 | 部分 | 部分 | 部分 | 是 |
{ height : s Height } | height | 是 | 是 | 是 | 是 | 是 |
{ left : sPosition } | left | 否 | 部分 | 部分 | 部分 | 是 |
{ max-height : s MaxHeight } | max-height | 否 | 否 | 否 | 是 | 是 |
{ max-width : s Width } | max-width | 否 | 否 | 否 | 是 | 是 |
{ min-height : s MinHeight } | min-height | 否 | 否 | 否 | 是 | 是 |
{ min-width : sMinWidth } | min-width | 否 | 否 | 否 | 是 | 是 |
{ overflow : sOverflow } | overflow | 部分 | 部分 | 部分 | 是 | 是 |
{ position : sPosition } | position | 部分 | 部分 | 部分 | 是 | 是 |
{ right : sPosition } | right | 否 | 部分 | 部分 | 部分 | 是 |
{ top : sTop } | top | 否 | 部分 | 部分 | 部分 | 是 |
{ visibility : sVisibility } | visibility | 是 | 是 | 是 | 是 | 是 |
{ width : sWidth } | width | 是 | 是 | 是 | 是 | 是 |
{ z-index : vOrder } | z-index | 部分 | 部分 | 部分 | 部分 | 是 |
CSS 3:
{ overflow-x : sOverflow } | overflow-x | 部分 | 部分 | 部分 | 是 | 是 |
{ overflow-y : sOverflow } | overflow-y | 部分 | 部分 | 部分 | 是 | 是 |
打印
CSS 2.1:
{ orphans : nLines } | orphans | 否 | 否 | 否 | 否 | 是 |
{ page-break-after : sBreak } | page-break-after | 是 | 是 | 是 | 是 | 是 |
{ page-break-before : sBreak } | page-break-before | 是 | 是 | 是 | 是 | 是 |
{ page-break-inside : sBreak } | page-break-inside | 否 | 否 | 否 | 否 | 是 |
{ widows : nLines } | widows | 否 | 否 | 否 | 否 | 是 |
CSS 3:
{ fit : sFit } | fit | 否 | 否 | 否 | 否 | 否 |
{ fit-position : sPosition } | fit-position | 否 | 否 | 否 | 否 | 否 |
{ image-orientation : sOrientation } | image-orientation | 否 | 否 | 否 | 否 | 否 |
{ page : sPage } | page | 否 | 否 | 否 | 否 | 否 |
{ size : sSize } | size | 否 | 否 | 否 | 否 | 否 |
用户界面
CSS 2.1:
{ cursor : sCursor } | cursor | 否 | 是 | 是 | 是 | 是 |
{ outline : sOutline } | outline | 否 | 否 | 否 | 否 | 是 |
{ outline-color : sColor } | outline-color | 否 | 否 | 否 | 否 | 是 |
{ outline-style : sStyle } | outline-style | 否 | 否 | 否 | 否 | 是 |
{ outline-width : sWidth } | outline-width | 否 | 否 | 否 | 否 | 是 |
CSS 3:
{ appearance : sAppearance } | appearance | 否 | 否 | 否 | 否 | 否 |
{ box-sizing : sSizing } | box-sizing | 否 | 否 | 否 | 否 | 是 |
{ icon : sIcon } | icon | 否 | 否 | 否 | 否 | 否 |
{ nav-down : sNavDown } | nav-down | 否 | 否 | 否 | 否 | 否 |
{ nav-index : sIndex } | nav-index | 否 | 否 | 否 | 否 | 否 |
{ nav-left : sNavLeft } | nav-left | 否 | 否 | 否 | 否 | 否 |
{ nav-right : sNavRight } | nav-right | 否 | 否 | 否 | 否 | 否 |
{ nav-up : sNavUp } | nav-up | 否 | 否 | 否 | 否 | 否 |
{ outline-offset : sOffset } | outline-offset | 否 | 否 | 否 | 否 | 否 |
{ outline-radius : sRadius } | outline-radius | 否 | 否 | 否 | 否 | 否 |
{ resize : sResize } | resize | 否 | 否 | 否 | 否 | 否 |
多列布局
CSS 3:
{ column-break-after : sSize } | column-break-after | 否 | 否 | 否 | 否 | 否 |
{ column-break-before : sSize } | column-break-before | 否 | 否 | 否 | 否 | 否 |
{ column-break-inside : sSize } | column-break-inside | 否 | 否 | 否 | 否 | 否 |
{ column-count : sCount } | column-count | 否 | 否 | 否 | 否 | 否 |
{ column-gap : sSize } | column-gap | 否 | 否 | 否 | 否 | 否 |
{ column-rule : sRule } | column-rule | 否 | 否 | 否 | 否 | 否 |
{ columns : sColumns } | columns | 否 | 否 | 否 | 否 | 否 |
语音
Internet Explorer 中不支持以下 CSS 3 语音属性:
- voice-volume
- voice-balance
- speak
- pause
- pause-after
- pause-before
- rest
- rest-before
- rest-after
- cue
- cue-after
- cue-before
- mark
- mark-before
- mark-after
- voice-family
- voice-rate
- voice-pitch
- voice-pitch-range
- voice-stress
- voice-duration
- phonemes
媒体查询
Internet Explorer 中不支持以下 CSS 3 媒体查询属性:
- width
- height
- device-width
- device-height
- device-aspect-ratio
- color
- color-index
- monochrome
- resolution
- scan
- grid
值
数字
CSS 2.1:
<number> | 是 | 是 | 是 | 是 | 是 |
<length> | 是 | 是 | 是 | 是 | 是 |
<percentage> | 是 | 是 | 是 | 是 | 是 |
<integer> | 是 | 是 | 是 | 是 | 是 |
CSS 3:
<angle> | 否 | 否 | 否 | 否 | 否 |
<time> | 否 | 否 | 否 | 否 | 否 |
<frequency> | 否 | 否 | 否 | 否 | 否 |
字符串
CSS 2.1:
<string> | 是 | 是 | 是 | 是 | 是 |
\code | 否 | 否 | 是 | 是 | 是 |
形状
CSS 2.1:
rect() | 否 | 是 | 是 | 是 | 是 |
函数
CSS 2.1:
url() | 是 | 是 | 是 | 是 | 是 |
counter() | 否 | 否 | 否 | 否 | 是 |
attr() | 否 | 否 | 否 | 否 | 是 |
CSS 3:
calc() | 否 | 否 | 否 | 否 | 否 |
颜色
CSS 2.1:
<color>(名 称) | 是 | 是 | 是 | 是 | 是 |
<color> (#rrggbbor#rgb 表示法) | 是 | 是 | 是 | 是 | 是 |
<color> (rgb(r,g,b) 表示法) | 是 | 是 | 是 | 是 | 是 |
<color> (系统颜色) | 是 | 是 | 是 | 是 | 是 |
透 明 | 否 | 否 | 部分 | 是 | 是 |
CSS 3:
<color>(rgba(r,g,b,a) 表示法) | 否 | 否 | 否 | 否 | 否 |
<color> (hsl(h,s,l) 表示法) | 否 | 否 | 否 | 否 | 否 |
<color> (hsla(h,s,l,a) 表示法) | 否 | 否 | 否 | 否 | 否 |
关键字
CSS 2.1:
auto | 否 | 否 | 部 分 | 是 | 是 |
inherit | 否 | 否 | 否 | 否 | 是 |
CSS 3:
initial | 否 | 否 | 否 | 否 | 否 |
单位
Internet Explorer 3.0 和更高版本中支持以下所有单位:
- px
- pt
- pc
- cm
- mm
- in
- em
- ex
- %
Internet Explorer 中不支持以下任何 CSS 3 单位:
- deg
- grad
- rad
- ms
- s
- Hz
- kHz
- turn
- gd
- rem
- vw
- vh
- vm
- ch
另请参阅
原文来自:MSDN
发表评论
-
IE10 CSS hack
2012-12-05 10:10 1926整理自:http://www.impressivewebs.c ... -
HTML5到底是什么
2012-11-28 11:03 2914HTML5是什么 一个假借人们对HTML的『跨平台』和『易发 ... -
浏览器如何渲染文本
2012-11-22 13:11 4810浏览器是我们最常用的软件之一,文本又是网页中最主要的元素, 在 ... -
与 Function 和 Object 相关的有趣代码
2010-05-08 20:14 970代码片段一: alert(Function inst ... -
【转】Internet Explorer 8 中的 CSS 改进
2010-05-04 08:36 899Internet Explorer 8 完全符合级联样式 ...
相关推荐
解决CSS兼容性问题的两种常见方法是: 1. 使用`!important`标记:在CSS中,`!important`可以强制应用某个样式,但这可能导致优先级混乱。例如: ```css #wrapper { width: 100px !important; /* IE7+FF */ ...
然而,不同的浏览器对于CSS的支持程度和实现方式可能存在差异,这就涉及到了“浏览器兼容性”问题。"CSS浏览器兼容性速查"是开发者在工作中不可或缺的一个参考资料,它帮助我们了解各种CSS属性在不同浏览器上的表现...
以下是一些关键的CSS兼容性问题及其解决方案: 1. **列表元素的默认样式**:Firefox和IE对`ul`和`ol`的`padding-left`处理不同。Firefox默认值约为40px,而IE默认为0。通常,通过设置`ul{margin:0;padding:0;}`可以...
以上技巧是针对IE和Firefox之间CSS兼容性问题的一些常见解决策略。在实际开发中,还需要注意DOCTYPE声明的使用,以确保W3C标准的遵循。同时,随着浏览器的更新,一些旧的兼容性问题可能已经得到解决,但仍需要关注新...
标题 "CSS3 support for Internet Explorer 6, 7, and 8" 提及的是关于如何在旧版本的Internet Explorer浏览器(IE6、IE7和IE8)中实现对CSS3特性的支持。这些浏览器并不原生支持许多CSS3的新功能,如圆角、阴影、...
通过上述策略,开发者可以有效地处理CSS兼容性问题,确保网站在不同浏览器和设备上具有良好的用户体验。不过,值得注意的是,解决兼容性问题的同时,也要注重性能优化,避免引入不必要的代码和负担。
根据题目中给出的信息,我们可以总结出以下几点关于CSS兼容性的规则和技巧: 1. **CSS Hack技术**:这是解决浏览器兼容性问题的一种常见手段。通过特定的语法来针对不同版本的浏览器应用不同的样式,从而达到兼容的...
以下是一些针对IE和Firefox的CSS兼容性技巧: 1. **div的垂直居中问题**:在IE和Firefox中,可以通过设置`line-height`与div的高度相同,并结合`vertical-align: middle;`实现垂直居中。但这种方法不适用于多行文本...
以上总结的CSS兼容性技巧有助于开发者解决跨浏览器兼容性问题,特别是针对IE6和IE7等老旧浏览器。虽然现代浏览器已经解决了大部分兼容性问题,但在维护旧项目或确保广泛兼容性时,了解这些技巧仍然非常重要。
在这篇文章中,我们将深入探讨HTML标签和CSS在不同浏览器环境下的兼容性问题,并通过具体的例子来展示如何处理这些兼容性挑战。 首先,我们来看HTML标签。HTML5引入了许多新的标签,如、、、等,这些标签旨在使网页...
在互联网发展的早期,微软的Internet Explorer(IE)浏览器曾经占据主导地位,尤其是IE5、IE6、IE7和IE8这几个版本。每个版本都有其独特的特性和对CSS(层叠样式表)的支持程度,这对于前端开发者来说是必须要了解的...
在CSS世界中,Internet Explorer(IE)6, 7, 和 8的浏览器对CSS标准的支持情况各有差异,这给开发者带来了许多挑战。本文详细分析了这三个版本的IE浏览器在CSS选择器与继承、伪类与伪元素、属性支持、其他技术以及...
以下是一些针对IE与Firefox的CSS兼容性的要点: 1. **DOCTYPE的影响**:DOCTYPE声明会影响浏览器进入不同的渲染模式。在IE中,没有正确的DOCTYPE会导致浏览器进入“quirks模式”,而Firefox则会遵循更接近标准的...
【CSS入门教程:IE和Firefox浏览器CSS兼容性技巧】 在网页设计中,CSS(层叠样式表)扮演着至关重要的角色,它使得我们能够控制页面的布局和样式。然而,不同浏览器之间对于CSS的支持程度和解析方式存在差异,尤其...
随着技术的发展,CSS引入了许多高级特性,如圆角和阴影,但这些特性在早期的浏览器中可能不被支持,这就需要特殊的解决方案来实现跨浏览器兼容性。"css兼容包-CSS圆角、阴影"正是为了解决这个问题而存在的。 标题中...
### CSS兼容性详解 #### 一、CSS Hack技术 **CSS Hack**是一种针对不同浏览器或浏览器版本编写特定样式的技巧,以确保网页在各种浏览器下的表现一致。随着浏览器技术的发展,许多Hack方法已经逐渐不再适用。 ####...
### CSS兼容性问题详解 #### 一、引言 随着Web技术的发展,浏览器种类日益繁多,不同浏览器对CSS的支持程度也不尽相同。这给前端开发者带来了不小的挑战,尤其是在面对老旧浏览器如IE6、IE7、IE8以及较新的火狐...