Chrome 51中的背景大小转换不再有效.我知道它永远不应该工作(见这个),但确实如此,并且仍然有很多人使用它.我在谈论悬停时的百分比转换.
我想知道这是否是新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>