선형 그라디언트에 세션에 저장된 색 적용

Question

세션에 저장된 이미지가 세션에 저장된 배경색 위에 놓이는 클래스가 있습니다. 백그라운드의 색상을 사용하는 선형 이미지 그라디언트를 사용자 이미지에 추가하고 싶습니다. 어떻게해야합니까?

.headerimagecell { 
     background-image: -webkit-linear-gradient(left, 
     <%=headerbgc %> 
    ), 
     url('./<%=filePath %>'); 
    } 

적으로는, 내가이 비슷한 일을 좀하고 싶습니다 : 여기

내가 가진 무엇 몇 가지를 시도 후

background-image: -webkit-linear-gradient(left, 
    rgba(0,0,0,0.9) 0%, 
    rgba(0,0,0,0) 20%, 
    rgba(0,0,0,0) 80%, 
    rgba(0,0,0,0.9) 100% 
), 
    url(picture.jpg); 
} 

Answer 1

, 나는 방사형 그라디언트를 사용하기로 결정 투명한 속성 :

.headerimagecell { 
    background-repeat: no-repeat; 
    background-size: 400px 225px; 
    min-width: 400px; 
    background-image: url('./<%=filePath %>'); 
    background-image: -webkit-radial-gradient(transparent, <%=headerbgc %>), url('./<%=filePath %>'); 
    background-image: -moz-radial-gradient(transparent, <%=headerbgc %>), url('./<%=filePath %>'); 
    background-image: -o-radial-gradient(transparent, <%=headerbgc %>), url('./<%=filePath %>'); 
    background-image: radial-gradient(transparent, <%=headerbgc %>), url('./<%=filePath %>'); 
    border-radius: 10px; 
} 

이렇게하면 가장자리에 세션에 저장된 색상으로 내 이미지가 표시됩니다 이미지의 선형 그래디언트에서도 마찬가지 일 것이라고 생각합니다.