CSS で要素を半透明にする

高洛峰
リリース: 2017-03-20 10:45:53
オリジナル
1851 人が閲覧しました

この記事では、CSSを使用して要素を半透明に設定するための関連情報を主に紹介します。これは非常に優れており、必要な友人は参照できます。

.opacity{  filter:alpha(opacity=50);       
/* IE */  -moz-opacity:0.5;              
/* 老版Mozilla */  -khtml-opacity:0.5;              
/* 老版Safari */  opacity: 0.5;           
/* 支持opacity的浏览器*/}
ログイン後にコピー

は要素を半透明に設定するために使用されます。

.filter = "alpha(opacity=" + opacity + ")";    
/* IE */ .MozOpacity = (opacity / 100);                 
/* 老版Mozilla */ .KhtmlOpacity = (opacity / 100);               
/* 老版Safari */ .opacity = (opacity / 100);                    
/* 支持opacity的浏览器*/
ログイン後にコピー

Windows プラットフォームで画像を拡大縮小する場合、画像の歪みが発生することがあります。IE 独自のコマンドを使用できます。

img{-ms-interpolation-mode: bicubic;}
ログイン後にコピー

上記は、CSS を使用して要素を半透明に設定するためのエディターの紹介です。ご質問がございましたら、メッセージを残してください。すぐに返信させていただきます。また、PHP 中国語 Web サイトをサポートしていただきありがとうございます。

要素を半透明にする CSS 設定に関するその他の記事については、PHP 中国語 Web サイトに注目してください。

関連記事:

CSS3 チュートリアル (8): CSS3 透明度ガイド

RGBa を使用して CSS3 で透明度を調整する手順の例

CSS3 の不透明度を実装するための完全なコード

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