는 Z- 인덱스 이미지의 겹쳐 순서를 변경할 수 없습니다

Question

내가 한 페이지에 두 개의 이미지를 배치하고 내가 Z- 인덱스와 스택 순서를 변경할 수 없습니다 해요 그들을 드래그 한 경우 :

<img class='dragme' src='http://s20.postimg.org/bixp6bh0p/clown.jpg' /> 
<img class='dragme' src='http://s20.postimg.org/ddh45wqnd/t_cateye.jpg ' /> 

입니다 , cateye는 할당 된 z- 인덱스에 관계없이 항상 광대 위에 있습니다. http://jsfiddle.net/XQbLR/3/을 참조하십시오.

그러나 이미지를 div에 넣으면 (빨간색 테두리가있는 하단 이미지) div에 할당 된 z- 인덱스로 스태킹 순서를 변경할 수 있습니다.

여기에 무슨 일이 일어나는 지 아는 사람이 있습니까?

감사

당신이 당신의 이미지 당신의 CSS 정의에서 참조 적절한 id들 줄 필요가 마치

Answer 1

.

<img class='dragme' id="clown" src='http://s20.postimg.org/bixp6bh0p/clown.jpg' /> 
<img class='dragme' id="cateye" src='http://s20.postimg.org/ddh45wqnd/t_cateye.jpg ' /> 

http://jsfiddle.net/XQbLR/4/