background-color(배경색)를 투명으로 할 수 있나요?
본문
=======================================================================================
※ 가로길이 1920px이라 PC로 보셔야 편할 듯 합니다.
저는 위 사진의 민트테마를 이용중입니다.
( 민트테마 : https://sir.kr/g5_theme/475 )
위의 사진에서 가장 오른쪽사진의 드래그 되어있는 부분 'background-color'를 투명으로 바꿔주는 방법이 있나요?
'background-color:transparent'라고 바꿔보니 오류가 나버리고,
혹시나해서 'background:transparent' 라고 바꿔보았더니 변화가 없더라구요...
도와주십시오!
답변 2
background:transparent 바꾼뒤,
body{background:#eee} 추가하세요.
단순히 보이는 민트테마의 전체의 배경색과 맞추고 싶은게 아니라,
그냥 저 부분의 배경을 투명화 시키고 싶습니다..ㅠㅠ
말씀해주신 방법은 적용해보니, 배경색이 흰색에서 #eee색으로 변하는 것 같습니다..
투명은 background:transparent 맞습니다.
투명배경 뒤에 배경색/배경이미지가 있어야 투명임을 알 수 있습니다.
투명 뒤에 아무것도 없다면 기본적으로 흰색으로 보입니다.
앗, 뒤에 배경이 있어야 인식이 되는거였나요?..ㅠㅠ
몰랐습니다.. 답변 감사합니다 ^^
표준브라우져에 국한되긴 했지만
rgba를 활용해보세용
background:rgba(255,255,255.0) 이런식으로요
background:rgba(255,255,255.0.1) = 흰색 10%를 뜻합니다.
한번 해보겠습니다!
감사합니다 ^^