라이트모드
다크모드
[CSS] 익스플로러9 에서도 둥근모서리를 사용해 보자
0
View 12,806 | 작성일2012.08.09 13:33
관련링크
본문
망할...
익스플로러는 웹표준좀 지키라고 해줘요 제발!!!
IE9 에서 둥근모서리(영어로는 rounded corner 라고 하죠) 적용은 작년부터 지원됐습니다만..
이놈의 CSS가 당췌 안먹히는 거에요..
이것은 div 그림자도 마찬가진데요..
이유를 몰랐다가 이제서야 알았습니다.
1. 우선 문서의 제일 처음에 먼저 (정확히는 html 의 처음 php는 상관없음) !doctype 을 지정해줘야 합니다.
<!DOCTYPE html>
이거 넣어줘야 해요;; 안그러면 css style 지정해도 안나와요 ...
저는 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 이것을 미리 넣어놨지만 위에꺼가 없으면 안되더라고요...
※ 추가 : 저 문구위에 다른 !DOCTYPE 이 있으면 적용 안되니까 !DOCTYPE 중에 가장 최상위로 올려주세요!
2. 그리고 메타 태그에 이거 붙여줘야 해요.
<meta http-equiv="X-UA-Compatible" content="IE=9" />
3. 그리고 CSS 명령어가 올바른지 확인합니다.
border-radius: 15px;
box-shadow:0px 0px 30px #222222;
이렇게 표준 CSS만 먹히니까요.
물론 사파리나 크롬은 좀 명령어가 다를수 있겠지만 현재는 표준 css도 잘 먹습니다.
어쨌든 사파리나 크롬, 파이어폭스는 저런 멍청한 구문 안넣어도 잘만 되더만!!!