배경색 위에 배경색

Question

배경 이미지로 세 div에 불투명도 전환을 추가하려고하지만 배경색 rgba를 사용하기 때문에 불투명도가 h4 제목에 영향을 미칩니다.하지만 문제는 그것이 나타나지 않는다는 것입니다. 영상.

Answer 1

은 내가 당신이 원하는에 대한 해결책을 찾은 것 같아요,하지만 조정이 많은으로 온 :

http://codepen.io/anon/pen/bwvGkZ

(참고 : 난 단지 중간에 요소에 적용)

가장 중요한 변경 사항은 배경 이미지를 CSS 스타일 시트 (인라인 스타일 아님)에 넣고 background 속성으로 넣는 것입니다. 배경색 (.promo-overlay에 적용됨)은 background으로 정의되었으므로 두 가지 배경을 결합 할 수 있습니다. 자세한 내용은 codepen을 참조하십시오.