Chrome 51 中的背景大小过渡 - 错误或功能



背景大小的过渡在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>

事实证明这是一个

错误:https://bugs.chromium.org/p/chromium/issues/detail?id=616072

它计划在下一个里程碑中修复,这是补丁:https://chromium.googlesource.com/chromium/src.git/+/8793a7bac4d2d56e38c8bd406920128e1ceb7a9a

遇到这个问题,并且能够通过更改我的规则来解决它

背景尺寸: 115%;

背景大小: 115%

115%;

相关内容

  • 没有找到相关文章

最新更新