맛집 여행 캠핑 일상 생활

[HTML/CSS] 배경 투명 처리 본문

HTML.CSS

[HTML/CSS] 배경 투명 처리

영은파더♥ 2020. 3. 31. 10:56

특정 DIV 같은 요소의 배경을 ccs 로 투명 처리 하려면 opacity 를 사용하면 됩니다.

하지만 자식까지 투명처리되는 것을 원하지 않는다면 background 에 rgba 값을 설정하여야 합니다.

opacity: 0.2;
background: rgba(0, 0, 0, 0.2);

1. OPACITY

OPACITY:0.2

글자 폰트까지 투명해짐

 

2. BACKGROUND

background:RGBA(255,255,255,0.2)

글자 폰트 불투명

 

저작자표시 비영리

'HTML.CSS' 카테고리의 다른 글

Youtube iframe 반응형 화면에 꽉차게 하는 방법  (0) 2021.06.09
홈페이지에 인터넷속도체크 위젯 달기  (0) 2019.01.15
[HTML/CSS] overflow-y 속성  (0) 2018.10.18
HTML/CSS 문자열이 특정폭 길이를 넘을때  (0) 2018.10.02
DIV 팝업레이어 뒷쪽에 클릭이 안되게 처리  (0) 2018.09.20
공유하기 링크
'HTML.CSS' Related Articles more
Trackback : | Comments :