2014-10-14 1 views
1

이미지를 문서의 배경으로 설정하면 불투명도가 낮아지고 색상 표가 조금 변경됩니다.MS Word와 유사한 CSS의 배경 이미지

CSS에서 할 수있는 방법이 있습니까? 또는 주제를 벗어난 질문이 가능하지 않은 경우 누구나 효과의 이름을 알고 있습니까? 효과

이미지 :

image with effect

원본 이미지 (마이너스 텍스트) :

original image

+0

@Nenotlep nope. 불투명도는 여기서 문제가되지 않습니다. 나는 그것을 설정하는 방법을 안다. 전체적으로 효과가 있습니다 (불투명도 + 색상 무시). –

+2

당신이 찾고있는 스크린 샷은 어떻습니까? 우리 모두가 Word를 사용하지 않습니다. –

+0

@EduardLuca 그럼,'rgba()'에 대해서 설명해 주시고, 색상을 사용 하시겠습니까? http://css-tricks.com/tinted-images-multiple-backgrounds/ – Nenotlep

답변

3

나는 어떤 이미지 전문 해요,하지만 난 이미지를 가지고 말한 것 높은 채도 및 대비는 CSS filter 속성을 사용하여 얻을 수 있습니다. 이와 함께 opacity를 사용하여 당신은 당신의 효과를 가지고 통과

.effect { 
 
    -webkit-filter: contrast(200%) saturate(200%); 
 
    opacity: 0.2; 
 
}
<img src="http://i.stack.imgur.com/6ZTgY.jpg"> 
 
<img src="http://i.stack.imgur.com/6ZTgY.jpg" class="effect" >

알터 값이 원하는 변화를 얻을 수 있습니다.

filtersupport at the moment의 몇 가지 부족한 점에 유의하십시오.

+1

올바른 구문은'-webkit-filter : contrast (200 %) saturate (200 %);' – darthmaim

+0

당신을 사랑합니다! 멋져 보여. –

+0

둘 중 하나를 말했는데. 그것을 돌봐 주셔서 감사합니다. – George