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

藏色散人
リリース: 2021-06-03 10:09:02
オリジナル
3376 人が閲覧しました

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

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

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

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

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

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

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

< ;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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート