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);"/> 

、私はあなたの質問を理解し、答えはこのようなものです：あなたがイメージが背景なりたい場合は、

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

Answer 2

使用CSSプロパティの不透明度または単にイメージエディタでPNGを透明にします。今

Answer 3

あるべき

HTML

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

CSS

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

Answer 4

ここ

してください、それを透明にあなたとあなたのjavascriptや編集にこれを貼り付ける方法です。

\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>

x.style.opacityドキュメントにこれをコピーし、あなたが知っておくべきいくつかのより多くのものが存在する場合には、右下の...、

style="position:fixed; right:10px; bottom:20px;体位を不透明度を設定するには、ブラウザに指示しますページの

cursor:pointer;カーソルをすべてのブラウザまたはほぼすべてのブラウザに固定します。

希望すると、これが役立ちます。