자바 스크립트에서 다른 이미지 위에 그려 넣기

Question

나는 잠시 동안 풀 수 있었고 운이 없었던 질문이 있습니다. 나는 처음부터 비활성화 (꺼짐) 한 이미지 (하드웨어 스위치)가 있습니다. 이미지는 빛입니다. 그런 다음 스위치가 활성화 (켜기)되면 활성화 된 스위치 이미지를 위에 그려야합니다. 다른 사람 (동일한 차원) 위에 이미지를 그릴 코드가 있습니다. 내 코드는 항상 사용 중지 된 후에 사용하도록 표시하므로 두 코드 모두 표시됩니다.

Answer 1

는 그것은

Z- 색인

를 이용하여 중첩 될 수있다. -1 전경 이미지 Z- 색인 : 1

PS : 유지하려는 경우 배경 이미지가

Z- 인덱스를 사용하면 jQuery를했다대로 샘플에서 jQuery를 사용 태그를 붙이십시오. 샘플은 토글이 아닌 켜기 전용입니다.

샘플 코드 :

$(document).on('click', '#switch', function() { 
    $('.off').css("z-index", -1); 
    $('.on').css("z-index", 1); 
}) 

Sample Fiddle