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

[해피CGI][cgimall] Multiple Background Images 본문

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

[해피CGI][cgimall] Multiple Background Images

해피CGI윤실장 2017. 3. 22. 09:17

하나의 요소에 여러 개의 배경 이미지를 사용하는 경우 해당 속성으로 각각의 배경 이미지를 콤마(comma)로 구분하여 사용이 가능합니다.
각각의 배경 이미지는 레이어처럼 여러 층으로 표시됩니다.
처음 지정된 이미지가 맨 상위에 출력되고 마지막에 지정된 이미지가 맨 하위에 표시됩니다.


background-image:url(logo.jpg), url(logo_bg.jpg), url(logo_bg_01.jpg);
background-repeat:no-repeat;

logo.jpg가 위에, logo_bg_01.jpg가 아래에 표시됩니다.




참고로 Chrome, Firefox, Safari, Opera, IE9이상 지원합니다.

 

홈페이지바로가기 

저작자표시

'웹프로그램밍 자료실 > HTML 자료' 카테고리의 다른 글

[해피CGI][cgimall] CSS3를 이용하여 점선 라인 만들기  (1) 2017.03.24
[해피CGI][cgimall] css 레이아웃 강좌  (0) 2017.03.23
[해피CGI][cgimall] 팝업효과에서 탭메뉴까지 다양한 CSS 애니메이션효과  (0) 2017.03.21
[해피CGI][cgimall] 페이스북 Page Plugin  (0) 2017.03.20
[해피CGI][cgimall] 다양한 형태의 이미지 Hover 효과를 모아둔 사이트 입니다.  (0) 2017.03.17
공유하기 링크
'웹프로그램밍 자료실/HTML 자료' Related Articles more
Comments