개요
- CSS transparent background color
- CSS 투명 배경색
- CSS 배경색 투명하게 하기
- CSS input text 투명 배경색
background: transparent;
background-color: transparent;
예시1: 인라인 스타일
<style type='text/css'>
.box1 { background: orange }
.inner1 { background: transparent }
</style>
<div class='box1'>
<input type='text' value='흰배경' />
<input type='text' class='inner1' value='투명배경' />
</div>
- → input text 2개가 오렌지색 div에 있다.
- → 1번은 배경색이 기본값인 흰색이 되고, 2번은 투명이 되어 오렌지색으로 보이게 된다.
예시2: 스타일시트
<style>
.box1 { background: orange }
.inner1 { background: transparent }
</style>
<div class='box1'>
<input type='text' value='흰배경' />
<input type='text' class='inner1' value='투명배경' />
</div>