Webkit CSS絶対配置バグ？

私は私のような、絶対にそれの上に配置divの中に別の画像と背景として機能するようにスケーリングしていた画像を持っている：Webkit CSS絶対配置バグ？

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

Jsfiddles：

私は非常にファンキーなレンダリングを見ていますバックグラウンドイメージはオフセットされており、親コンテナの外に浮いているようです。要素を調べるために右クリックすると、ブラウザは要素を適切に再描画して再描画します。

それを表示するだけのブラウザでバグがありますとにかくダイナミックなイメージの読み込み/サイズ変更/トリミングに対応するためにかなりハッキーです。私はこれを回避するための他の方法についていくつかのアイディアを持っています。

何か不足しているのですか、これはウェブキットのバグですか？

2011-11-11 RSG

私は質問に答えませんが、背景としてパターンを使用することはできませんか？ – MatTheCat

divの背景の代わりに背景画像を「通常の」画像として表示するのはなぜですか？ – PeeHaa

提案に感謝します。背景は伸びる必要のあるタイル張りのない画像です。バックグラウンドサイズはIE8（http://caniuse.com/#search=background-size）をサポートする必要がある場合を除き、機能します。 – RSG

これがバグかどうかわかりません。しかし、あなたはそれを修正するために.item_frameのCSSスタイルに左と上の値を追加してみてくださいすることができます

CSSフィドル更新

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

：jQueryのフィドル更新http://jsfiddle.net/h7Tqa/7/

を私はこれが役に立てば幸い！

2011-11-11 22:34:13 dSquared

それは動作します:( – RSG

答えて