배경만 반투명하게 처리하는 rgba CSS 활용하기 happycgi

회원가입

출석체크

마이페이지

CGIMALL

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

홈 > CSS > 기본 소스 > 배경만 반투명하게 처리하는 rgba CSS 활용하기 상세정보

클라우드태그

Javascript

PHP

CSS

html

ASP

jquery

MYSQL

API

image

Mobile

slide

게시판

메뉴

현재접속자 명

배경만 반투명하게 처리하는 rgba CSS 활용하기

해피팀

네티즌

소스분류

기본 소스

다운로드 횟수

0 회

간단설명

div가 아닌 특정 배경만 반투명으로 처리할때, 항상 png를 사용했다면, rgba 속성을 활용해보세요. 색상만 투명도를 줄 수 있어 png를 제작하는 번거로움을 줄일 수 있어 편리합니다.

평가하기

[안내]
기존에 색상을 선언할 때 사용하는 방법은
세가지가 있습니다.

1. 컬러네임 : color:white;
2. hex값 : color:#ffffff;
3. RGB값 : color:rgb(255,255,255)

위의 세가지 방법이 있고,
지금안내 해드릴 rgba는 RGB값에 + A(투명도) 수치만 추가를 해주시면 됩니다.

[활용방법]
<div style="background:rgba(255,255,255,5);"><div>

위와같이 rgb 코드명 뒤에 ,5와 같은 원하는 투명도 수치를 입력합니다.
,5를 입력하면 50%의 투명도를 가진 배경색상을 적용할 수 있습니다.

[적용]