Webkit CSS絕對定位錯誤？

Question

我已經得到了我縮放作爲與絕對置於其上一個div另一個圖像背景的圖像，因此：

<div class="item"> 
    <img class="item_frame" src="..."> 
    <div class="item_contents"> 
     <img src="..."> 
    </div> 
</div> 

Jsfiddles：

• CSS bug demo
• Jquery demo - dom操作後的相同行爲

在webkit broswers中我看到非常時髦的渲染器重新背景圖像被抵消，似乎浮在它的父容器外面。如果我右鍵單擊來檢查元素，瀏覽器會正確地重新繪製元素。

• Win64上的Firefox 3.6.3是越野車
• Win64平臺的Chrome 15.x版的越野車
• Win64的IE9 ......實際上是在這裏顯示它正確

標記是唯一的瀏覽器無論如何，以適應動態圖像加載/調整大小/裁剪，所以我有其他方法來解決這個問題，我可以嘗試一些想法。

我錯過了什麼，或者這是一個webkit的錯誤？

Answer 1

不知道這是否是一個錯誤;但你可以嘗試添加左側和頂部值到.item_frame css樣式來修復它：

.item_frame { 
    top: 0; 
    left: 0; 
} 

更新CSS小提琴：http://jsfiddle.net/h7Tqa/7/

更新jQuery的小提琴：http://jsfiddle.net/h7Tqa/8/

我希望這有助於！