복수 이미지2 CSS 복수이미지사용 z축 순서(css3) CSS 복수이미지사용 z축 순서 복수이미지사용으로 재미있는 점은 그림의 위치가 겹칠경우이다. 개별에 z-index를 줄수는없지만 순서는 지정해준 순서대로다 img01,img02,img03이렇게 해주면 img01이 맨앞에 온다.예제를 보자 내용 div{ width:500px; height:450px; border:1px solid #fcc; background-image: url("./images/love01.gif"), url("./images/love02.gif"), url("./images/love03.gif"); background-repeat : no-repeat,no-repeat, no-repeat; background-position: 20px 20px, 100px 70px, 130px 180.. 2009. 9. 23. CSS 복수이미지사용 라운드 박스(css3) CSS 복수이미지사용 라운드 박스 css3에서는 하나의 엘리먼트에 복수이미지가 사용가능하다. 월드와이드맵 참조 링크http://www.w3.org/TR/css3-background/ 간단한 예로 div엘리먼트의 양쪽에 두이미지를 쓴다고 하면 div{ background-image : url("left.png"), url("right.png"); /*콤마로 여러개를 지정한다*/ background-repeat : no-repeat, no-repeat; background-position: 0 left, 0 right, 위와 같이 ","로 여러개를 지정할수 있다.라운드박스에 적용해보자 유동 라운드박스 :: dom 유동 라운드 박스를 반드는 방법은 여러가지가 있다. 먼저 여러 코딩으로 감싸고 각각 배경그림을 .. 2009. 9. 23. 이전 1 다음
