크로스브라우징에 대해서
아키
2023.04.01
html5와 css3를 써서 사이트를 만들어봤는데요
물론 ie7에서 보면 border-radius, text-shadow 같은건 전혀 안먹어요
크로스브라우징을 했습니다 라고 말할 수 있으려면
ie7에서도 border-radius나 shadow가 먹힌 모습을 보여줘야 하는걸까요?
아니면 그냥 radius정도는 없어도 될까요?
곰곰히 생각해보니
radius 정도라고 말하는게 잘못된거 같네요
아마 디자인을 하시는 분 입장이라면 radius가 있고 없고에 중요한 이유가 있을듯 하다는 생각이 왠지 들었어요
그렇다면,
ie를 위해서 이미지로 radius가 들어간 background image를 따로 만들어서 넣어줘야할까요??
text-shadow들어간 글자 이미지도 따로 만들어서 적용해야할까요???
아니면 혹시, 이를 해결해주는 자바스크립트가 있는지..
현재 ie9이하는 http://html5shiv.googlecode.com/svn/trunk/html5.js 를 주석으로 넣어줬어요
이걸로는 border-radius같은 새 요소는 처리가 안되는거 같아요ㅠㅠ
이미지를 만들어서 넣다가
html5를 연습해보니까 코딩 자체에text를 써서 만드는것에 의의를 두고 만들수 있어서 좋네요
