배경이미지 여러개 다중 설정 멀티 background CSS happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > CSS > 이미지 > 배경이미지 여러개 다중 설정 멀티 background CSS 상세정보

클라우드태그

Javascript

PHP

CSS

HTML

asp

API

jquery

mysql

image

Mobile

slide

게시판

메뉴

현재접속자 95명

배경이미지 여러개 다중 설정 멀티 background CSS

해피팀

네티즌

소스분류

이미지

다운로드 횟수

0 회

간단설명

배경이미지 설정시, 하나의 Class에 여러가지 배경을 다중으로 설정할 수있는 CSS로, 기존구문에서 콤마를 활용하여 다중설정이 가능하게 됩니다 단, html5에서 사용가능합니다.

평가하기

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

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

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

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

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

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