我有一些简单的JavaScript来影响风格的变化:

sel = document.getElementById('my_id');
sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected');
return false;

这适用于最新版本的FF、Opera和IE,但不适用于最新版本的Chrome和Safari。

它会影响两个后代,而这两个后代恰好是兄弟姐妹。第一个兄弟更新,但第二个没有。第二个元素的子元素也有焦点,并包含< A >标记,该标记在onclick属性中包含上述代码。

在Chrome的“开发人员工具”窗口中,如果我轻推(例如取消勾选&勾选)任何元素的任何属性,第二个兄弟更新为正确的样式。

是否有一种解决方法可以简单地通过编程“推动”WebKit做正确的事情?


当前回答

“display/offsetHeight”hack在我的情况下不起作用,至少当它应用于动画元素时。

我有一个下拉菜单,在页面内容上打开/关闭。在菜单关闭后,工件被留在页面内容上(仅在webkit浏览器中)。唯一的方法,“显示/offsetHeight”hack工作是如果我应用到身体,这似乎令人讨厌。

然而,我确实找到了另一个解决方案:

在元素开始动画之前,在元素上添加一个定义“-webkit-backface-visibility: hidden;”的类(我猜你也可以使用内联样式) 动画完成后,删除类(或样式)

这仍然是相当棘手的(它使用CSS3属性强制硬件渲染),但至少它只影响有问题的元素,并为我在safari和chrome的PC和Mac上工作。

其他回答

我发现,只是添加一个内容样式的元素强制它重新绘制,这应该是一个不同的值,每次你想要它重新绘制,而不需要在一个伪元素。

.selector {
    content: '1'
}

我使用transform: translateZ(0);方法,但在某些情况下是不够的。

我不喜欢添加和删除一个类,所以我试图找到解决这个问题的方法,最后用一个新的黑客,工作得很好:

@keyframes redraw{
    0% {opacity: 1;}
    100% {opacity: .99;}
}

// ios redraw fix
animation: redraw 1s linear infinite;

“display/offsetHeight”hack在我的情况下不起作用,至少当它应用于动画元素时。

我有一个下拉菜单,在页面内容上打开/关闭。在菜单关闭后,工件被留在页面内容上(仅在webkit浏览器中)。唯一的方法,“显示/offsetHeight”hack工作是如果我应用到身体,这似乎令人讨厌。

然而,我确实找到了另一个解决方案:

在元素开始动画之前,在元素上添加一个定义“-webkit-backface-visibility: hidden;”的类(我猜你也可以使用内联样式) 动画完成后,删除类(或样式)

这仍然是相当棘手的(它使用CSS3属性强制硬件渲染),但至少它只影响有问题的元素,并为我在safari和chrome的PC和Mac上工作。

这对JS来说很好

sel.style.display='none';
sel.offsetHeight; // no need to store this anywhere, the reference is enough
sel.style.display='block';

但在Jquery中,特别是当你只能使用$(document)时。Ready并且由于任何特定原因不能绑定到对象的.load事件,下面将工作。

您需要获取对象/div的OUTER(MOST)容器,然后将其所有内容删除到一个变量中,然后重新添加它。 它将使所有在外部容器内所做的更改可见。

$(document).ready(function(){
    applyStyling(object);
    var node = $("div#body div.centerContainer form div.centerHorizontal").parent().parent();
    var content = node.html();
    node.html("");
    node.html(content);
}

对我来说唯一有效的解决方案类似于sowasred2012的答案:

$('body').css('display', 'table').height();
$('body').css('display', 'block');

我在页面上有很多问题块,所以我改变了根元素的显示属性。 我使用display: table;而不是display: none;,因为none将重置滚动偏移量。