Webkit硬件加速滲入頁面上的其他元素？

Question

我有一個由幾個<article>元素組成的頁面。在<article>元素的底部是使用3D CSS變換的小型<div>。奇怪的是，儘管原始的<article>沒有硬件加速，但這個小的<div>導致其餘的<article>元素也有硬件加速（我使用的方法概述在這裏：http://mir.aculo.us/2011/02/08/visualizing-webkits-hardware-acceleration/），儘管它是隻有需要它的小型<div>。

當我隱藏第一個<div>時，後續的<article>的硬件加速被禁用。

<article> <-- Does not have HW acceleration 
[other divs and content] 
<div></div> <-- Has HW acceleration 
</article> 

<article> <-- Has HW acceleration 
[other divs and content] 
<div></div> 
</article> 

<article> <-- Has HW acceleration 
[other divs and content] 
<div></div> 
</article> 

成爲

<article> <-- Does not have HW acceleration 
[other divs and content] 
<div style="display:none"></div> 
</article> 

<article> <-- Does not have HW acceleration 
[other divs and content] 
<div></div> <-- Has HW acceleration 
</article> 

<article> <-- Has HW acceleration 
[other divs and content] 
<div></div> 
</article> 

由於整個<article>標籤漲幅硬件加速，子像素抗鋸齒被禁用，所有在<article>文字的顆粒感。

有沒有簡單的事情可以防止後續的<article>元素獲得硬件加速？

Answer 1

我認爲這是爲了防止HW加速在整個頁面上打開/關閉。它啓用「及時」，然後繼續。在我看來，這是沒有什麼你應該惹（或不得不惹的）。這是瀏覽器供應商更改或更新（或正確記錄）的原因。

如果您想完全避免硬件加速，請不要使用3D變換並使用經典圖像。

Answer 2

嗯，我已經回答了我自己的問題。這是Webkit中的一個錯誤（在Webkit的夜晚中已經修復），其中硬件加速的元素將觸發具有position:relative;的後續元素中的硬件加速。

要解決該問題，您可以刪除position:relative;或使用-webkit-font-smoothing:antialiased;

我寫了一個關於它的小文章在我的網站：http://singy.posterous.com/hardware-acceleration-bleeding-into-subsequen