웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 배경이미지 여러개 다중 설정 멀티 background CSS 본문

웹프로그램밍 자료실/HTML 자료

[해피CGI][cgimall] 배경이미지 여러개 다중 설정 멀티 background CSS

해피CGI윤실장 2019. 3. 19. 09:08

코딩할 때, 여러개의 배경이미지를 중첩으로 사용해야 하는
경우가 종종 발생하게 됩니다.

이때, 기존에는 Div를 여러가지로 중첩시켜
각개의 DIV 마다 background 이미지를 설정하였었습니다.

하지만, 콤마를 활용하게 되는 경우에는
하나의 Class에 여러개의 배경이미지를 동시에 적용할 수 있습니다.

.bgstyle {background:url(../img/background1.png) no-repeat, url(../img/background2.png) no-repeat;}

위와같이 기존에 익히 알고있는 배경이미지선언에서 콤마만
입력해줘도, 다중으로 사용이 가능하게 됩니다.

이로써 비교적 소스가 간편해질수 있습니다.
단. html5에서 사용가능합니다.

 

 

 

홈페이지바로가기

Comments