ie HTML5 에서 border-radius 사용제한
크로스브라우징 2011. 4. 7. 10:58
이거....문제점이 많구나...-_-;ㅋ
ie에서 htc만 넣어주면 당연히 나올줄 알았는데.....orz....
분명 테스트에선 제대로 나오던게 html5 코딩 안에만 들어가면 ie 에서 백그라운드가 사라져 버려 뭘 잘못한줄 알았다.
ie를 위해 html5 태그를 블록시켜준 display:block; 이 문제 였다. 이걸빼면 htc는 먹는데 이걸 안넣고는 레이아웃이 만들어질 수가 없으니 결국 라운드박스는 사용에 제한이 생겨버렸다. 게다가 코너를 선택해서 굴리는 css도 먹질 않았다.
ie 에서 htc 사용시
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
border-radius : O
border-bottom-left-radius: X (내가 받은 htc가 업데이트가 덜 된게 아닐까....? 이건 좀 더 찾아볼 필요가 있겠다.)
<!doctype html>
radius : X (백그라운드가 나오지 않는다. display:block;을 빼면 레이아웃이 틀어짐)
결국 지금 만들고 있는 샘플은 이미지로 대체해야될듯.....후....
HTML5로 코딩하는데 CSS3를 못쓰고 이미지로 대체해야된다니 이거 참.......ㅡ,.ㅡㅋ
'크로스브라우징' 카테고리의 다른 글
| 익스플로러 filter 적용 문제 (0) | 2011.06.13 |
|---|---|
| word-break 이런 문제가.... (0) | 2011.05.31 |
| CSS Hack 1 (0) | 2010.12.14 |
| ie7 li 주위로 3px정도 공간이 생기는 버그 (0) | 2010.08.04 |
| min-height (0) | 2010.07.10 |