CSS 색상 대신 투명도로 이미지를 그리는 방법은 무엇입니까?

-1

녹색 배경색 rgb (41, 253, 46)의 PCX 이미지가 있으며 CSS를 통해 표시 할 때이 색상을 투명하게 표시해야합니다.CSS 색상 대신 투명도로 이미지를 그리는 방법은 무엇입니까?

나는 CSS 또는 HTML에 익숙하지 않고 해결책을 찾으려고 몇 시간을 들인다. 성공하지 못했습니다. 어떤 아이디어가 이것을 어떻게?

제한 : 1)를 사용하여 CSS 2) 변경되지 않는 이미지 파일 3)의 복사하지 (이 이미지 파일을 사용)

span#smlogo 
{ 
    icon-decorator: image; 
    icon-image-src: /ui_art/smlogo.pcx; 
    icon-image-t-end: 154px; 

    display: inline-block; 
    width: 390px; 
    height: 154px; 
}

이미지 자체 : image itself converted .pcx->.jpg

출처

2014-12-24 Artem Zaytsev

'icon ...'은 (는) 유효한 CSS가 아닙니다. 대신에'background-image'가 필요합니다. –

실제로 CSS가 아닙니다. RocketCSS는 게임 내 사용자 인터페이스를 그리는 고급 기능을 갖춘 CSS2 및 CSS3 사양을 기반으로합니다. 그러나. 그것은 CSS2를 기반으로하고 CSS3의 일부 기능을 가지고 있기 때문에, 나는 그것을 할 해결책이 있기를 바랍니다. –

Photoshop을 사용하기 쉽지 않고 녹색을 투명도로 바꿉니 까? –

에서 투명도를 보여 주려면 사용해야합니다.

rgba(41,253,46,.5)

.5 at the en d는 내가 선택한 임의의 알파 값입니다. 0.0 ~ 1.0이 될 수 있으며 1.0은 완전히 불투명합니다.

희망이 도움이됩니다. : D

출처

2014-12-24 07:15:28 rb612

. 나는 전체 그림을 투명하게 만들고 싶지 않다. 나는 색깔이 rgb (41, 253, 46)와 일치하는 곳에서만 투명하게하고 싶다. 내가 원하는 것을 더 잘 이해할 수 있도록 이미지를 추가하겠습니다. –

전체 그림 : 리소스가 들어있는 .MPQ 파일입니다. 이러한 리소스를 다루는 코드가 있습니다. 다른 소스에서이 .MPQ 파일을 얻는 사람들은 수정할 수 있지만 나에게 영향을 미칩니다. 해결책은 코드를 변경하는 것입니다. 그러면 해당 자원이 표시됩니다. 코드는 GitHub에있는 모든 사람들에게 동일합니다. –

CSS 색상 대신 투명도로 이미지를 그리는 방법은 무엇입니까?

답변

관련 문제