CSS Snippet - 제목 달린 모서리 둥근 상자

- 브라우저 호환성 : IE 9 이상 / Chrome 26 이상 / Firefox 16 이상 / Safari 6.1 이상 / Opera 12.1 이상

제목 달린 모서리 둥근 상자 CSS입니다. IE 8, 9 호환성을 위해 filter 속성이 기본적으로 추가되어 있으며, 예제 코드는 아래에서 복사하실 수 있습니다.

CSS만 복사할 경우에는 style 태그 내부의 CSS만 복사하시면 되며, 위의 제목 클래스는 roundBoxTitle, 아래 박스 클래스는 roundBox로 지정되어 있습니다.

알려진 문제

 - IE 9에서는 filter 속성 사용 시에 제목 부분에 둥근 모서리가 적용되지 않음

 - IE 9 이하에서는 border-radius 속성이 지원되지 않아 둥근 모서리가 적용되지 않음

 - 구 버전 브라우저에서는 border-radius, linear-gradient 속성에 vendor prefix 필요함