CSS에서 배경 이미지의 불투명도를 설정하려면 배경 이미지 속성 불투명도 속성과 함께. 불투명도를 조정하면 배경 이미지의 투명도를 제어하여 배경 이미지 뒤에 있는 요소가 부분적으로 보이도록 하여 시각적으로 계층화된 효과를 만들 수 있습니다.

CSS에서 배경 이미지의 불투명도를 설정하기 위해 다음 접근 방식을 사용하고 있습니다.

내용의 테이블

터미널 칼리 리눅스

• 불투명도 속성 사용
• 의사 요소 사용

1. 불투명도 속성 사용

그만큼 불투명도 속성 CSS에서는 요소와 해당 내용의 투명도 수준을 설정합니다. 0(완전 투명)과 1(완전 불투명) 사이의 값을 허용하면 하위 요소를 포함한 전체 요소에 영향을 미치므로 웹 디자인에서 투명도를 제어하는 ​​간단하고 효과적인 방법이 됩니다.

통사론:

div {  opacity: 0.5; }>

예: .element 클래스의 CSS 스타일에 있는 opacity 속성은 0.3으로 설정되어 배경 이미지를 반투명하게 만듭니다. 텍스트 가독성을 유지하면서 배경의 가시성을 조정합니다.

HTML