<a href="http://www.w3.org/TR/2005/WD-css3-background-20050216/">CSS3 Backgrounds and Borders Module</a> 에 보면, background 를 하나의 element에 여러개 넣을 수 있다. <a href="http://www.w3.org/TR/2005/WD-css3-background-20050216/#layering">Layering multiple background images</a> 라고 해서 방법을 소개 하고 있다. CSS 작업을 해본 사람들이라면 다 알겠지만 이것은 정말 엄청난 발전이다. 기존에는 하나의 element 에 배경이미지를 하나밖에 쓸 수가 없어서 라운드 코너 같은 복잡한 block 을 표현 할때에는 어쩔 수 없이 불필요한 markup 을 추가하는 경우가 많았다. 그래서 이를 극복하기 위한 <a href="http://www.sitepoint.com/article/rounded-corners-css-javascript">트릭</a>들이 <a href="http://www.google.co.kr/search?q=css+rounded+corner">많이</a> 있었다. CSS3 Draft 문서를 보고 이것이 지원되면 정말 좋겠다는 생각을 했었다. 하지만 이제 Draft 문서가 나온 상황에서 브라우져들에서 구현이 되려면 3년 정도 있어야 할 것이다. 그동안 만드는 수많은 사이트 에서는 고생을 계속 해야 하나? 그래서 <a href="/home/archive_javascript.php#Css3BackgroundImageLayering">만들었다</a>. :)