html로 이미지를 투명하게 만드는 방법은 무엇입니까?

Question

HTML 파일이있어서 이미지를 넣고 싶습니다. 이미지는 투명해야합니다. 내가 지금하고있는 방식 - 먼저 이미지가오고, 끝나면 텍스트와 다른 이미지가옵니다. html로 투명한 이미지를 추가하는 방법? 이 지금 내 코드입니다 :

<img src="result_files\image003.png" alt="some_text"/> 

Answer 1

불투명도를 사용해보십시오 (그리고 IE 필터링)

<img src="result_files\image003.png" alt="some_text" style="opacity:0.4;filter:alpha(opacity=40);"/> 

지금, 당신의 질문을 이해는 대답은이 같은 것입니다 해야

HTML

<div class="content"> 
...content... 
</div> 

CSS

.content { 
background-image:url('imageurl.jpg'); 
} 

Answer 2

사용 CSS 속성 불투명도하거나 이미지 편집기에서 PNG 투명합니다. 당신은 이미지가 배경이 될 것인지,

<div style="background:url(image.jpg)"> the content here </div> 

Answer 3

:

Answer 4

여기

하십시오, 그것은 투명하게 당신과 같이 자바 스크립트 편집에이 붙여 넣기하는 방법은 다음과 같습니다.

x.style.opacity

\t <a href="http://www.hlgjyl888.com/data/wallpapers/30/WDF_780770.png"><img onmouseover="bigImg(this)" onmouseout="normalImg(this)" src="http://www.hlgjyl888.com/data/wallpapers/30/WDF_780770.png" style="position:fixed; right:10px; bottom:20px; width:80px; height:80px; border:none; cursor:pointer; background:none;"></a> 
 

 
\t <script> 
 
\t \t function bigImg(x) { 
 
\t \t x.style.height = "120px"; 
 
\t \t x.style.width = "120px"; 
 
\t \t x.style.opacity = "0.2"; 
 
\t } 
 

 
\t \t function normalImg(x) { 
 
\t \t x.style.height = "80px"; 
 
\t \t x.style.width = "80px"; 
 
\t \t x.style.opacity = "100"; 
 
\t \t } 
 
\t </script>

는 문서에이 복사 당신이 알아야 할 몇 가지가 있다면 ..., 오른쪽 하단에

style="position:fixed; right:10px; bottom:20px; 포지션을 불투명도를 설정하는 브라우저에 지시 페이지.

cursor:pointer; 전체 또는 거의 모든 브라우저에서 커서를 유지합니다.

희망이 도움이됩니다.