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

본문 바로가기

html

IE img label for 클릭 안될때 처리

페이지 정보

작성자 서방님 댓글 0건 조회 17회 작성일 19-08-26 14:48

본문

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


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

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



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


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

댓글목록

등록된 댓글이 없습니다.

Total 316건 1 페이지
게시물 검색

회원로그인

접속자집계

오늘
53
어제
413
최대
592
전체
83,810

그누보드5
Copyright © 서방님.kr All rights reserved.