背景尺寸转换不再适用于 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>
最佳答案
原来这是一个错误:https://bugs.chromium.org/p/chromium/issues/detail?id=616072
它计划在下一个里程碑中修复,这是补丁:https://chromium.googlesource.com/chromium/src.git/+/8793a7bac4d2d56e38c8bd406920128e1ceb7a9a
关于html - Chrome 51 中的背景大小转换 - 错误还是功能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37545089/