728x90
반응형
질문 : CSS 불투명도는 텍스트가 아닌 배경색에만 적용됩니까?
opacity 속성을 div background 속성에만 할당하고 텍스트에는 할당 할 수 없습니까?
난 노력 했어:
background: #CCC;
opacity: 0.6;
그러나 이것은 불투명도를 변경하지 않습니다.
답변
투명한 배경을 사용하고 싶은 것 같습니다.이 경우 rgba() 함수를 사용해 볼 수 있습니다.
rgba(R, G, B, A)
R (빨간색), G (녹색) 및 B (파란색)는 <integer> s 또는 <percentage> s 일 수 있습니다. 여기서 숫자 255는 100 %에 해당합니다. (알파)는 0과 1 사이 <number> <percentage> 일 수 있습니다. 여기서 숫자 1은 100 % (전체 불투명도)에 해당합니다.
RGBa 예
rgba(51, 170, 51, .1) /* 10% opaque green */
rgba(51, 170, 51, .4) /* 40% opaque green */
rgba(51, 170, 51, .7) /* 70% opaque green */
rgba(51, 170, 51, 1) /* full opaque green */
rgba 를 사용하는 방법을 보여주는 작은 예입니다.
2018 년부터 거의 모든 브라우저가 rgba 구문을 지원합니다.
출처 : https://stackoverflow.com/questions/5135019/css-opacity-only-to-background-color-not-the-text-on-it
728x90
반응형
'프로그래밍 언어 > HTML,CSS,JS' 카테고리의 다른 글
| CSS를 사용하여 텍스트 또는 이미지에 투명한 배경을 제공하는 방법 (0) | 2021.09.02 |
|---|---|
| CSS를 사용하여 height: 0 를 height: auto 로 전환하는 방법 (0) | 2021.09.01 |
| CSS 배경 늘리기 및 크기 조정 (0) | 2021.09.01 |
| jQuery를 사용하여 JS 객체를 배열로 변환 (0) | 2021.09.01 |
| Node.js 백그라운드 프로세스 실행하고 절대 중지 되지 않는 방법 (0) | 2021.09.01 |