Html Chrome/Webkit中闪烁的背景转换

我已经做了一个非常简单的网站，我想做一个背景转换。但是，当我将转换应用于

背景大小：封面时，背景图像在转换时闪烁，如我制作的小提琴所示：


问题在于：

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

}

每当我删除
背景大小时，闪烁就会消失

我已经尝试将以下内容添加到#幻灯片中：

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

但不幸的是，这不起作用。有人有什么想法吗？（请记住在Webkit中查看）
当div在图像宽度1280和1200像素之间转换时，您希望背景的大小是多少？也许你应该让这个可怜的部门的工作更容易些。