Chrome / Webkit中的背景转换闪烁

时间:2013-10-09 09:40:50

标签: html5 css3 google-chrome web webkit

我做了一个非常简单的网站,我想进行背景转换。然而,当我将过渡应用到background-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)

0 个答案:

没有答案