이미지 셀렉하는 css가 익스10 이하에서는 활동하지 않습니다ㅠ
본문
이미지 셀렉하는 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 여기에 있습니다.
호환성 문제인데, 해결하는 방법이 있을까요?
혹은 이미지 셀렉하면 변하고 그게 유지 되도록 하는 소스가 있을까요?
다 만들고 나서
호환성문제라니..;; 미리 감사합니다!!
답변 2
크롬 익스 9 10 11 잘되네요
감사합니다 ㅎㅎ
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8,IE=EmulateIE9"/>
이거 넣어서 해결했네요 ㅎㅎ
답변을 작성하시기 전에 로그인 해주세요.
