【转】CSS 兼容性和 Internet Explorer

最新推荐文章于 2023-05-29 21:38:41 发布
最新推荐文章于 2023-05-29 21:38:41 发布
阅读量160 收藏
点赞数
分类专栏： css相关 文章标签： CSS Ruby REST IE 浏览器

随着每个新版本的 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：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
@charset 否是是是是
@import 是是是是是
@media 否是是是是
@page 部分部分部分部分是

CSS 3：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
@font-face 否是是是是
@namespace否否否否否

选择器

元素选择器

CSS 2.1：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
.value { sRules } 类 （请参见注释）部分部分部分是是
#value { sRules } ID 是是是是是
E { sRules } 类型 是是是是是
* { sRules } 通用 否否否是是

注 释 在 Internet Explorer 7 之前的版本中，每个元素只能有两个类选择器。

CSS 3：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
ns|E { sRules }已 指定命名空间否否否否否

属性选择器

CSS 2.1：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
[att=val] { sRules } 相等 [=] 否否否是是
[att] { sRules } 存在 [] 否否否是是
[att|=val] { sRules } 连字符 [|=] 否否否是是
[att~=val] { sRules } 空白 [~=] 否否否是是

CSS 3：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
[ns|attr] { sRules }已指定命名空间否否否是是
[att^=val] { sRules } 前缀 [^=] 否否否是是
[att*=val] { sRules } 子字符串 [*=] 否否否是是
[att$=val] { sRules } 后缀 [$=] 否否否是是

连结符

CSS 2.1：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
E+F { sRules } 相邻同级 (+) 否否否是是
E>F { sRules } 子级 (>) 否否否是是
EF { sRules } 后代 是是是是是

CSS 3：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
E~F { sRules } 常规同级 (~) 否否否是是

伪类

CSS 2.1：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
: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：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
: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：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
:after { sRules } :after 否否否否是
:before { sRules } :before 否否否否是
:first-letter { sRules } :first-letter 否是是是是
:first-line { sRules } :first-line 否是是是是

CSS 3：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
::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：
Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
{ sRule!important  } !important 声明 部分部分部分是是

列表

CSS 2.1：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
{ 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：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
{ 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：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
{ 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：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
{ 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：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
{ 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：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
{ content : sContent } content 否否否否是
{ counter-increment : sCounter } counter-increment 否否否否是
{ counter-reset : sCounter } counter-reset 否否否否是
{ quotes : sQuotes } quotes 否否否否是

边框和布局

CSS 2.1：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
{ 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：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
{ border-break : sBreak }border-break否否否否否
{ border-image : sImage }border-image否否否否否
{ border-radius : sRadius }border-radius否否否否否
{ box-shadow : sShadow }box-shadow 否否否否否

定位

CSS 2.1：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
{ 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：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
{ overflow-x : sOverflow } overflow-x 部分部分部分是是
{ overflow-y : sOverflow } overflow-y 部分部分部分是是

打印

CSS 2.1：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
{ 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：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
{ fit : sFit }fit否否否否否
{ fit-position : sPosition }fit-position否否否否否
{ image-orientation : sOrientation }image-orientation 否否否否否
{ page : sPage }page否否否否否
{ size : sSize }size否否否否否

用户界面

CSS 2.1：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
{ cursor : sCursor } cursor 否是是是是
{ outline : sOutline } outline 否否否否是
{ outline-color : sColor } outline-color 否否否否是
{ outline-style : sStyle } outline-style 否否否否是
{ outline-width : sWidth } outline-width 否否否否是

CSS 3：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
{ 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：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
{ 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：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
<number>是是是是是
<length>是是是是是
<percentage>是是是是是
<integer>是是是是是

CSS 3：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
<angle>否否否否否
<time>否否否否否
<frequency>否否否否否

字符串

CSS 2.1：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
<string>是是是是是
\code否否是是是

形状

CSS 2.1：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
rect()否是是是是

函数

CSS 2.1：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
url()是是是是是
counter()否否否否是
attr()否否否否是

CSS 3：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
calc()否否否否否

颜色

CSS 2.1：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
<color>（名 称）是是是是是
<color> （#rrggbbor#rgb 表示法）是是是是是
<color> （rgb(r,g,b) 表示法）是是是是是
<color> （系统颜色）是是是是是
透 明否否部分是是

CSS 3：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
<color>（rgba(r,g,b,a) 表示法） 否否否否否
<color> （hsl(h,s,l) 表示法）否否否否否
<color> （hsla(h,s,l,a) 表示法）否否否否否

关键字

CSS 2.1：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
auto否否部 分是是
inherit否否否否是

CSS 3：

Internet Explorer 5Internet Explorer 5.5Internet Explorer 6Internet Explorer 7Internet Explorer 8
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

 

justjavacqq
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于css兼容性问题及一些常见问题汇总
09-24
以下是一些关于CSS兼容性问题及其解决方案的详细说明： 1. **浮动元素与高度塌陷**： 在IE6中，如果一个父容器内的元素有浮动（如`float:left`或`float:right`），而父容器没有设置固定高度，其高度不会自动扩展以...
CSS浏览器兼容性Hack大全
09-25
CSS浏览器兼容性Hack是指在不同浏览器之间，由于解析标准的差异导致CSS样式表现不一致时，开发者采取的一些特殊技巧或代码修改，以确保样式在各个浏览器中正常显示。这些Hack主要针对早期版本的Internet Explorer...
CSS 兼容性和 Internet Explorer
狼の禅境
05-06 897
本文介绍了Internet Explorer对CSS的支持情况。
兼容css,CSS兼容性
weixin_32973973的博客
08-04 203
1、什么是CSS hack不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。于是我们就需要针对不同的浏览器去写不同的CSS，让它能在不同的浏览器中也能得到我们想要的页面效果。简单来说，就是...
css 兼容性总结,css3浏览器兼容性小结
weixin_35470511的博客
08-03 531
前言：浏览器前缀-ms- /* IE 9 */-moz-/* Firefox */-webkit- /* Safari and Chrome */-o- /* Opera */一般地只有Internet Explorer 9+才能支持更多的属性；老版本的firefox一般要加前缀；1、border-image、 border-radius 和 box-shadow 属性兼容性Internet Ex...
css transition兼容性,解析CSS3transition浏览器兼容性
weixin_36283702的博客
08-03 853
1、兼容性根据canius，transition 兼容性如下图所示：p{width:100px;height:100px;background:blue;transition:width 2s;-moz-transition:width 2s; /* Firefox 4 */-webkit-transition:width 2s; /* Safari and Chrome */-o-transit...
浏览器兼容性：CSS 回退属性
薛定谔的猫-前端领域
05-29 858
一个 CSS 类可以由许多声明组成，每个声明都具有property: value语法的语法，可以为同一个属性设置不同的值。稍后出现的值会覆盖它之前的值。浏览器将尝试使用最后的声明。在无法识别声明的情况下，它将回退到以前的值，直到找到支持的值。一个 CSS 类可以由许多声明组成，每个声明都具有。
CSS3 transition 浏览器兼容性
qq_37555524的博客
09-11 1202
1、兼容性 根据canius（http://caniuse.com/#search=transition），transition兼容性如下图所示： 1 <!DOCTYPE html> 2...
css 兼容性总结,CSS Hack代码与浏览兼容总结
weixin_34547883的博客
08-03 138
关于CSS Hack的东西能少尽量少吧。发现这篇文章我写得太复杂了，所以重新精简了一下，把代码粘贴到jsfiddle上，方面修改代码和维护。1, IE条件注释法，微软官方推荐的hack方式。只在IE下生效只在IE6下生效只在IE6以上版本生效只在IE7上不生效非IE浏览器生效这段文字只在非IE浏览器上显示2.综合一下常用的CSS Hack代码3.IE CSS Media，来自这里 3.IE CSS...
css transition兼容性,CSS3中Transition动画属性用法详解
weixin_31954813的博客
08-03 326
W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。”transition属性的值包括以下四个：•transition-property： 指定对HTML元素的哪个css属性进行过渡渐变处理，这个属性可以是colo...
CSS 多浏览器兼容性问题及解决方案
09-25
不同的浏览器（如Internet Explorer、Firefox、Chrome等）及其版本间的差异性可能导致同一份CSS样式表在不同浏览器上的呈现效果大相径庭。因此，掌握CSS多浏览器兼容性的基础知识对于前端开发者而言至关重要。 ####...
CSS3中的Opacity多浏览器透明度兼容性问题
09-24
总的来说，处理CSS3中的`opacity`兼容性问题需要对各浏览器的特性有深入理解，并且可能需要结合使用多种方法。随着浏览器对Web标准的支持日益增强，这些问题在现代浏览器中已经得到了很好的解决，但在开发过程中仍需...
CSS对浏览器的兼容性性处理(IE7,6与Fireofx)
09-25
在前端开发中，CSS浏览器兼容性问题是一个不可避免的话题，尤其是涉及到旧版本的Internet Explorer（如IE7、IE6）和Firefox。以下是一些针对这些浏览器的兼容性处理方法： 1. **DOCTYPE声明**：DOCTYPE声明对CSS的...
几种css属性兼容性写法
往后橘生
10-30 5562
css属性兼容性写法，兼容低版本主流浏览器
聊天室、websocket、socket.io、毕业设计.zip
07-27
聊天室、websocket、socket.io、毕业设计.zip
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
最新发布
07-27
微麦电影购票小程序，分为三部分-小程序端-商家（影院）后台与官方后台.zip
防盗门进销存管理系统（SDIMS）.zip
07-27
防盗门进销存管理系统（SDIMS）.zip
CSS兼容性详解：解决跨浏览器难题
10. **代码管理和维护**：通过模块化CSS（如SCSS、Less或Stylus）和预处理器，可以更方便地管理兼容性代码，避免重复和混乱。 理解并掌握CSS在浏览器中的兼容性是每个前端开发者必备的技能。通过持续学习和实践，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值