그누보드 QA - 이미지 셀렉하는 css가 익스10 이하에서는 활동하지 않습니다ㅠ

이미지 셀렉하는 css가 익스10 이하에서는 활동하지 않습니다ㅠ

새벽별을보다 홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

홈페이지 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2015.03.10 20:24:36 5821 (115.♡.♡.206)

답변 2

본문

이미지 셀렉하는 css가 익스10 이하에서는 활동하지 않습니다ㅠ

이미지를 자체를 셀렉하여 DB 넘기는 소스를 제작 하였습니다.

그런데, 두둥.. 크롬과 익스플로러 11이상은 잘 되던 소스가 10이하에서는 이미지를 선택하여도 변하지 않습니다;;

css는 이렇구요.


.input_a_01{display:block;height:px;position:}
.input_a_01 input{position:absolute;top:;right:;width:20px;height:20px;margin-top:;-webkit-appearance:none}
.input_a_01 label{display:block;width:225px;height:220px;background:url(http://theseroi.com/index/new_images/a_01_off.jpg) no-repeat;background-size:225px 220px;cursor:pointer;-webkit-background-size:225px 220px}
.input_a_01 input:checked + label{background:url(http://theseroi.com/index/new_images/a_01_on.jpg) no-repeat;background-size:225px 220px;-webkit-background-size:225px 220px}
.input_a_01 label.on{background:url(http://theseroi.com/index/new_images/a_01_on.jpg) 100% 50% no-repeat;background-size:225px 220px;-webkit-background-size:225px 220px}

BODY 소스는


<span class="input_a_01">
<input type="checkbox" name="A" id="termsService1" name="termsService1" class="a_01" value="쌍꺼풀">
<label id="termsServiceLb1" for="termsService1"></label>

이렇게 작성해보았습니다.

참고 URL은 http://theseroi.com/index/wannabe/ddd.php 여기에 있습니다.

호환성 문제인데, 해결하는 방법이 있을까요?

혹은 이미지 셀렉하면 변하고 그게 유지 되도록 하는 소스가 있을까요?

다 만들고 나서

호환성문제라니..;; 미리 감사합니다!!