Webkit CSS 절대 위치 지정 버그?

나는 등, 나는 절대적으로 위에 위치 사업부의 또 다른 이미지를 배경으로 역할을 확장하고있어 이미지를 가지고 :Webkit CSS 절대 위치 지정 버그?

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

Jsfiddles에게 :

웹 키트 브로우저에서 나는 매우 펑키 한 렌더링을보고 있습니다. 배경 이미지가 상쇄되고 부모 컨테이너 바깥에 떠있는 것처럼 보입니다. 요소를 검사하기 위해 마우스 오른쪽 버튼을 클릭하면 브라우저가 해당 요소를 적절하게 다시 그립니다.

마크 업을 표시 유일한 브라우저입니다 ... 버그

Win64를 크롬 15.x는 버그

Win64를 IE9입니다 어쨌든 동적 인 이미지로드/크기 조정/자르기를 수용 할 수있는 꽤 해키 야. 다른 방법으로이 방법을 시도해 볼 수있는 몇 가지 아이디어가있다.

뭔가가 누락되었거나 웹킷 버그입니까?

2011-11-11 RSG

질문에 대답하지 않지만 배경으로 패턴을 사용할 수 없습니까? – MatTheCat

div의 배경 대신 왜 배경 이미지가 '보통'이미지로 나타 납니까? – PeeHaa

제안 해 주셔서 고맙습니다. 배경은 스트레칭해야하는 기와가 아닌 이미지입니다. 배경 크기는 IE8 (http://caniuse.com/#search=background-size)을 지원해야하는 것을 제외하고는 효과가 있습니다. – RSG

이것이 버그인지 확실하지 않습니다. 하지만 당신은 그것을 해결하기 위해 .item_frame의 CSS 스타일에 왼쪽과 최고 값을 추가 시도 할 수 있습니다 :

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

업데이트 CSS 바이올린을 : http://jsfiddle.net/h7Tqa/7/

업데이트 jQuery를 바이올린 : http://jsfiddle.net/h7Tqa/8/

난이 도움이되기를 바랍니다!

2011-11-11 22:34:13 dSquared

그래도 작동합니다. ( – RSG

답변