【发布时间】：2016-09-29 10:19:22
【问题描述】：
Chrome 51 中的背景尺寸转换不再有效。我知道它从来不应该工作（参见this），但它确实有效并且仍然有很多人使用它。我说的是悬停时的百分比转换。
我想知道这是否是新 Chrome 中的一个错误（这是可能的，因为这个版本带来了很多新东西），还是他们决定永久删除这个过渡？
在其他浏览器中没有问题。
div {
background: url(http://cdn2.business2community.com/wp-content/uploads/2014/12/Super-Mario-no-longer-the-007.jpg) no-repeat center center;
background-size: 50%;
display: inline-block;
height: 276px;
width: 460px;
transition: all 0.5s linear;
}
div:hover {
background-size: 100%;
}<div></div>更新
正如@Paran0a 所注意到的，它与特定于供应商的前缀一起工作得很好，所以它可能是一个错误（提交了一个错误报告）：
div {
background: url(http://cdn2.business2community.com/wp-content/uploads/2014/12/Super-Mario-no-longer-the-007.jpg) no-repeat center center;
-webkit-background-size: 50%;
display: inline-block;
height: 276px;
width: 460px;
transition: all 0.5s linear;
}
div:hover {
-webkit-background-size: 100%;
}<div></div>【问题讨论】：
-
-webkit-background-size 虽然有效。
-
只是想清楚您使用的是哪个版本的 chrome？ （我在版本 51.0.2704.63 m 上）这个例子适用于我jsfiddle.net/dz4L9nyh
-
@Paran0a，天哪，我很抱歉。我已经测试了特定于供应商的版本，但忘记包含实际的转换...：facepalm：
-
顺便说一句。我在 Linux 上使用 51.0.2704.63（64 位）。
-
某些未指定的更改或完全停止工作的东西绝不是错误。您永远不应使用未指定和未记录的属性。
标签： html css google-chrome css-transitions