[css] 이미지에 색 필터 넣기

<div class="container-fulid" style="margin-top:50px; position:relative">

      <div style="position:absolute; background-color:rgba(0, 0, 0, 0.65); z-index:10; height:100%; width:100% "></div>

      <img src="b1.jpg" width="100%" alt="배경1" style="position:relative; z-index:1">

    </div>

필터의 부모 클래스에 position : relative 를 사용하고

필터값을 position:absolute; height: 100% ; width 100%해주고 원하는 색상(background-color)과 z-index값을 설정 뒤

이미지 z-index를 필터보다 작게 작아주면된다.