背景圖像閃爍在鉻/ jquery後+ div刷新

Question

我有一個問題，當我刷新一些數據到一個div，其中包含背景圖像。背景圖像閃爍在鉻上。

檢查自己在Chrome：

編輯：檢查下面，等待10秒，第2張圖片將開始閃爍。我將它們託管在我用於我的網站的類似服務器上（這是我製作的朋友的wordpress）。感覺很好，最終確定問題！

var list1 = window.setInterval('refresh()', 1000); 
 

 
function refresh() { 
 
    data = '<div class="pics" style="background-image:url(http://www.planetgame25.fr/TEST/cow.jpg)"></div>'; 
 
    data += '<div class="pics" style="background-image:url(http://www.planetgame25.fr/TEST/peppers.jpg)"></div>'; 
 
    data += '<div class="pics" style="background-image:url(https://www.processing.org/tutorials/pixels/imgs/tint1.jpg)"></div>'; 
 
    data += '<div class="pics" style="background-image:url(http://science.nasa.gov/media/medialibrary/2011/08/02/the-helix-nebula_.jpg/image_mini)"></div>'; 
 
    $('#refresh').html(data); 
 
}

.pics { 
 
    width: 100px; 
 
    height: 100px; 
 
    display: block; 
 
    background-position:center center; 
 
    margin:5px 5px 5px 0; 
 
    float:left; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<div id="refresh"> 
 
</div>

如何解決這一問題？

Answer 1

好還是謝謝你，在Chrome的問題就會消失的時候我會改變生產environe在我的htaccess中。就是這樣！

Answer 2

我無法重現你的問題，而是一個小CSS黑客經常幫助：

嘗試增加給你的背景元素：

-webkit-backface-visibility: hidden; 
-moz-backface-visibility: hidden; 
-ms-backface-visibility:  hidden; 

或者，如果這不是解決辦法，你也可以「力」硬件加速加給你的背景元素：

-webkit-transform: translate3d(0, 0, 0);