2

我制作了一个非常简单的网站,我想做一个背景过渡。但是,当我将过渡应用到 abackground-size: cover时,背景图像会在过渡时闪烁,如我所做的小提琴所示:

http://jsfiddle.net/yff98/

问题在于:

#slideshow {
width: 100%;
height: 400px;
margin: 0 auto;
transition: 0.5s;
background-size: cover;

}

每当我删除 时background-size,闪烁就会消失。

我已经尝试将以下内容添加到#slideshow:

-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-webkit-transform: translate3D(0, 0, 0);

但不幸的是,这并没有奏效。有人有什么想法吗?(记得签入Webkit)

4

0 回答 0