8

我试图找到一个资源，其中包含偏离当前 W3C 标准的 CSS 属性的特定于浏览器的实现列表。

例如，假设 IE 支持这样的东西：

.my-class {
  -ms-foo: fizz buzz;
}

但是当提案成为候选推荐时，标准化的等价物是：

.my-class {
  foo: buzz fizz;
}

为了支持 CR 之前发布的 IE 版本，我想写：

.my-class {
  -ms-foo: fizz buzz;
  foo: buzz fizz;
}

谷歌搜索这些变化的列表并没有非常有成效，围绕供应商前缀有很多哀号和咬牙切齿，但没有很多“陷阱”列表。到目前为止，我发现最好的是临时提及更改（在这种情况下，-webkit-border-radius），但那些很少记录实际的预期输入；他们往往只是举一个破碎的例子。

我找到了一个存在前缀的 OK 列表（以及它们的标准状态），但不幸的是，它没有提供发现我感兴趣的更改所需的那种细节。

那么，是否存在这样的列表？

我会选择部分列表，或者排除非常旧的浏览器的列表（例如，不关心 IE6）。我也只关心大型 3.1 浏览器（IE、Firefox、Webkit/Chrome/Safari 和Opera）。

我还关心 W3C 尚未解决的问题（如外观），这是一个足够困难的问题，无需担心供应商直接编造的问题。

4

3 回答 3

2

我发现 CSS3Info 很有用：http ://www.css3.info/preview/ （已编辑- 抱歉，这就是我最初要发布的内容）。

编辑：嗯。我今天打零。我本可以发誓在该网站上有更多关于浏览器前缀的内容......

于 2012-06-24T23:15:18.680 回答
2

那里似乎没有一个详尽的列表，但是基于Compass、CSSPrefixer和Peter Beverloo 的这个列表，这是我可以拼凑的。

背景剪辑

-moz-background-clip接受paddingandborder而不是padding-box并且border-box -webkit-background-clip行为与 -moz 版本相同，但也接受content而不是content-box

背景来源

-moz和版本接受与其等价物-webkit相同的值background-clip

背景尺寸

-webkit-background-size重复单个值，因此-webkit-background-size: 10px等价于background-size: 10px 10px. 前缀的 webkit 等效于background-size:10pxis -webkit-background-size: 10px auto;。

边界半径和朋友

,等的-moz等价物是border-top-left-radius,等等。border-bottom-left-radius-moz-border-radius-topleft-moz-border-radius-bottomleft

-webkit-border-radius与最终规范的不同之处在于它对两个值速记的处理。Webkit 将其视为所有长格式版本都传递了两个值。

更具体地说：

-webkit-border-radius: 1px 2px相当于

-webkit-border-top-left-radius: 1px 2px;
-webkit-border-top-right-radius: 1px 2px;
-webkit-border-bottom-left-radius: 1px 2px;
-webkit-border-bottom-right-radius: 1px 2px;

而border-radius: 1px 2px相当于

border-top-left-radius: 1px;
border-top-right-radius: 2px;
border-bottom-right-radius: 1px;
border-bottom-left-radius: 2px;

我所知道的唯一解决方法是将两个值的情况扩展-webkit-border-radius为它的长形式，以便匹配正确的border-radius.

展示

如果你想diplay:box在任何地方工作，你需要使用像这样的前缀值：

display:-webkit-box;
display:-moz-box;
display:box;

我不知道为什么会这样，因为所有盒子模型特定的属性（如box-align）在这些浏览器中也有前缀版本。

请注意，这不包括当前不属于 W3C 文档的任何内容，例如外观，即使多个浏览器都支持它。

于 2012-07-01T20:40:06.280 回答
1

与标准的偏差并不少见（即呈现怪癖），但与标准/提议的符号的偏差相当罕见恕我直言，这个资源应该可以解决问题：

caniuse.com 通常在资源部分提供良好的外部链接，例如，对于边界半径，它链接到-webkit差异和这个详尽的渲染概述

于 2012-06-24T23:38:23.900 回答