IE img label for 클릭 안될때 처리 > html

보통 아래 코드 같은 경우 이미지를 클릭하면 체크박스에 체크가 되지만 IE의 경우 정상적으로 동작하지 않습니다.

<!-- case1 -->
<label>
	<input type="checkbox"> 체크체크
	<img src="http://seobangnim.xinour.net/img/seobangnim-logo.png" alt="some img">
</label>

<!-- case2 -->
<input type="checkbox" id="ckck"> 체크체크
<label for="ckck">
	<img src="http://seobangnim.xinour.net/img/seobangnim-logo.png" alt="some img">
</label>

해결책은 아래 css 를 적용하면 됩니다.

label { display:inline-block; }
label img { pointer-events:none; }