하위 요소의 가시성을 유지하면서 배경 이미지 불투명도를 변경합니다.

Question

하위 요소의 불투명도에 영향을 주지 않고 배경 이미지의 불투명도를 설정할 수 있나요?

예

바닥글의 모든 링크에는 맞춤 글머리 기호(배경 이미지)가 필요하며 맞춤 글머리 기호의 불투명도는 50%여야 합니다.

HTML

으아악

CSS

으아악

내가 시도한 것

목록 항목의 불투명도를 50%로 설정하려고 했지만 링크 텍스트의 불투명도도 50%입니다. 하위 요소의 불투명도를 재설정할 수 있는 방법은 없는 것 같습니다.

으아악

저도 rgba를 사용해 보았지만 배경 이미지에는 아무런 영향이 없었습니다.

으아악

Answer 1

CSSlinear-gradient() 与 rgba()를 함께 사용할 수 있습니다.

으아악 으아악