CSS로 PNG의 불투명 한 부분 만 색칠 할 수 있습니까?

(어떻게 든 웹킷 필터?) CSS를 사용하여,이 가능합니다 PNG 이미지의 전체 색상을 투명 배경을 유지하면서?

첨부 된 이미지는 내가 달성하고 싶은 것의 예입니다. 첫 번째 PNG (왼쪽의 개)는 '치료되지 않은'PNG이고, 오른쪽의 개는 관련 CSS 필터가있는 PNG입니다.

참고 : 필자는 '필터'라고 말하지만 다른 접근 방법이있는 경우이를 살펴보면 기쁩니다.

아니 내가 아는 한. 당신은 그것을 검정색으로 만들 수는 있지만 색깔은 만들 수 없습니다. –

흑인이 그 트릭을 할 것입니다. –

빠른 "검은"대답은 아래를 참조하십시오. –

이미지를 검정색으로 만들지 만 나중에 색칠하지 않을 수 있습니다. 회색에 색을 추가 할 수 없기 때문에 가능합니다.

지원 : Chrome 18 (프리픽스), FF35, Opera (프리픽스), Safari 6 (프리픽스).

참조 호환성 차트 @ MDN

img { 
 
    width: 500px; 
 
    -webkit-filter: contrast(0) brightness(0); 
 
    filter: contrast(0) brightness(0); 
 
}

<img src="http://images.clipartpanda.com/dog-clipart-puppy_dog_with_bone.png" alt="">

2014-12-15 15:02:43

그 자리에 있습니다. 매우 감사합니다. –

답변