ホームページ > 記事 > ウェブフロントエンド > HTML画像の透明度を設定する方法

HTML画像の透明度を設定する方法

藏色散人オリジナル: 2021-06-03 10:09:023347ブラウズ

html画像の透明度を設定する方法: 最初に div を作成し、次にクラス名を設定し、最後に「filter:alpha(opacity=50);opacity:0.5」などの属性を使用して画像の透明度を設定します。 ;"。

HTML画像の透明度を設定する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

背景画像の透明度の設定(html css)について

背景画像の透明度の設定は色ではなく画像の表示です

これ一部のブログでテーマとして背景画像を変更できるのと同じように、ずっと読んでいるうちに、

6c04bd5ca3fcae76e30b72ad730ca86d では画像の透明度を直接設定できないことが分かりました

< ;div>

<style type="text/css">
.bodystyle{
filter:alpha(opacity=50);  
-moz-opacity:0.5;  
-khtml-opacity: 0.5;  
opacity: 0.5;
width:100%;
position:absolute;
background:url(图像/8.JPG) ; 
background-attachment:fixed;
}
</style>

を使用する必要があります。事前に記述し、クラスメソッドで表す必要があります。

<body >
<div class="bodystyle"></div>
</body>

div 内でこのクラスを参照すると、画像の透明度を設定できます

しかし、これにも問題があり、途中にテキストがあると、その部分も透明フォントになってしまいます。、背景として使用する必要があります。画像の場合、テキストを 2 つの

の中央に配置する必要があるため、css

でテキストのフォントの透明度を設定する必要があります。ああ、

。

推奨学習: html ビデオチュートリアル

以上がHTML画像の透明度を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

html5 css css3 html Filter

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：HTMLのペアタグとは何ですか?次の記事：HTMLのペアタグとは何ですか?

続きを見る