CSS3 Backgrounds and Borders Module 에 보면, background 를 하나의 element에 여러개 넣을 수 있다. Layering multiple background images 라고 해서 방법을 소개 하고 있다. CSS 작업을 해본 사람들이라면 다 알겠지만 이것은 정말 엄청난 발전이다. 기존에는 하나의 element 에 배경이미지를 하나밖에 쓸 수가 없어서 라운드 코너 같은 복잡한 block 을 표현 할때에는 어쩔 수 없이 불필요한 markup 을 추가하는 경우가 많았다. 그래서 이를 극복하기 위한 트릭들이 많이 있었다.

CSS3 Draft 문서를 보고 이것이 지원되면 정말 좋겠다는 생각을 했었다. 하지만 이제 Draft 문서가 나온 상황에서 브라우져들에서 구현이 되려면 3년 정도 있어야 할 것이다. 그동안 만드는 수많은 사이트 에서는 고생을 계속 해야 하나?

그래서 만들었다. :)