html - 为什么 WebKit 不能正确重绘此文本？

Question

WebKit 渲染器有一个非常具体的问题。当文本节点的下降或上升超出文本节点的选择框，并且该文本节点更改位置时，WebKit 不会重新绘制正确的区域。

在 Windows 7 上的 ChromeJ中，动画中的下降器会被切断。我可以通过在文本节点上添加一个边距来修复它，但这有点麻烦，而且它与布局有关。有人在其他浏览器中看到这个吗？为什么会这样？

score 1 · Accepted Answer

padding-left: 5px;我在规则上投了一个#container p，J在盒子外面。

希望有帮助。

*编辑我错过了阅读，不确定填充物是否也会影响您的布局，我认为是这样。

score 0 · Accepted Answer

这看起来像 Webkit 中的一个错误。您需要让 Webkit 知道在其边界框之外有绘制的像素，您可以通过多种方式做到这一点，但这里有两个我通过一些快速测试发现的：

#expand {
    height: 0px;
    box-shadow: 0 0 0 5px rgba(0,0,0,0);
}

#expand {
    height: 0px;
    outline: solid transparent 5px;
}

我猜outline有更好的性能。

如果你添加它，它似乎也可以#expand工作p。Chrome 中有一些标志，您可以启用这些标志来查看重绘区域的工作方式，但我现在没有方便使用。

2 回答 2