不确定您想要实现的确切目标，但这是我过去成功使用的一种方法，可以强制浏览器重绘，也许它对您有用。

// in jquery
$('#parentOfElementToBeRedrawn').hide().show(0);

// in plain js
document.getElementById('parentOfElementToBeRedrawn').style.display = 'none';
document.getElementById('parentOfElementToBeRedrawn').style.display = 'block';

如果这个简单的重绘不起作用，你可以试试这个。它将一个空文本节点插入到保证重绘的元素中。

var forceRedraw = function(element){

    if (!element) { return; }

    var n = document.createTextNode(' ');
    var disp = element.style.display;  // don't worry about previous display style

    element.appendChild(n);
    element.style.display = 'none';

    setTimeout(function(){
        element.style.display = disp;
        n.parentNode.removeChild(n);
    },20); // you can play with this timeout to make it as short as possible
}

编辑：为了回应 Šime Vidas，我们在这里实现的是强制回流。你可以从大师本人那里了解更多http://paulirish.com/2011/dom-html5-css3-performance/

以上答案都不适合我。我确实注意到调整窗口大小确实会导致重绘。所以这对我来说是这样的：

$(window).trigger('resize');

我们最近遇到了这个问题，并发现使用translateZ将受影响的元素提升到复合层可以解决这个问题，而无需额外的 javascript。

.willnotrender { 
   transform: translateZ(0); 
}

由于这些绘制问题主要出现在 Webkit/Blink 中，并且此修复主要针对 Webkit/Blink，因此在某些情况下更可取。特别是因为许多 JavaScript 解决方案会导致回流和重绘，而不仅仅是重绘。

这个解决方案没有超时！真力重绘！适用于 Android 和 iOS。

var forceRedraw = function(element){
  var disp = element.style.display;
  element.style.display = 'none';
  var trick = element.offsetHeight;
  element.style.display = disp;
};

这对我有用。去这里点个赞。

jQuery.fn.redraw = function() {
    return this.hide(0, function() {
        $(this).show();
    });
};

$(el).redraw();