CSS 이미지 배경과 그라디언트 - 두 줄로 분리 하시겠습니까?

background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,0.5)), url("../images/3.jpg");

가 (물론 작동하지 않습니다) 분리 할 수 있습니다 :

background-image: linear-gradient(to bottom, rgba(255,0,0,0)); 
background-image: url("../images/3.jpg");

어떤 아이디어?

2017-12-16 laukok

아니요, 콤마 구문이 적용됩니다. 무엇을 성취하려고합니까? 내 생각 엔 당신이 위에 jpg를 원한다는 것입니다. 이 경우 순서를 변경하십시오. –

@MrLister 인라인 HTML을 통해 이미지를 추가하고 싶지만 CSS 파일에서 그래디언트를 유지하고 싶습니다. – laukok

그런 다음 인라인 HTML을 사용 하시겠습니까?

–

그래디언트와 이미지를 쉼표로 구분해야합니다.

background: linear-gradient(to bottom, rgba(255,0,0,0)), 
      url("../images/3.jpg");

2017-12-16 18:22:38

답변