强迫IE用JavaScript“重绘”一个元素来修复CSS错误？

Question

我正在经历IE的错误。CSS计数器属性在IE9中不适用于隐藏在页面加载中的元素(例如选项卡)。

css计数器不工作在互联网资源管理器隐藏的内容-如何修复？

正如我在上面发布的，我已经能够通过使用JavaScript设置一些内联CSS来修复这个问题。当元素未隐藏时，我将填充-左设置为0(尽管元素已经没有左填充)。这使得IE‘重绘’元素，然后CSS被正确地应用。

然而，这并不是理想的解决方案。如果设计更改为在元素上留下空白，那么我的JavaScript修复将破坏布局。我还能用什么方法使IE‘重绘’元素？有什么标准的方法吗？

Answer 1

保罗·爱尔兰为你编制了一份清单

是什么力量使布局/再流。综合清单。

所有[在本链接中找到的属性或方法]，在JavaScript中请求/调用时，都将触发浏览器来同步计算样式和布局*。这也被称为再流或布局重击，是常见的性能瓶颈。

我不想在这里发布整个列表以避免剽窃，因为我本质上没有在答案中添加任何内容；我只是简单地指向它。

然而，我要说，虽然保罗爱尔兰警告说，使用这些是一个“常见的性能瓶颈”，他们可以在战略上使用，以迫使回流时，需要。这在浏览器特定的场景中尤其有用。

如果您希望将重流限制为仅IE9，则需要将布局--在特征检测检查中执行的调用打包。