ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSを使用して要素を半透明に設定する詳細な例

CSSを使用して要素を半透明に設定する詳細な例

小云云
リリース: 2017-12-22 16:50:02
オリジナル
1448 人が閲覧しました

CSS を使用して要素を半透明に設定する方法をご存知ですか?この記事では、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 プラットフォームで画像を拡大縮小する場合、画像の歪みが発生する可能性があります:


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

誰もが学んだことでしょう。それ ?急いで試してみてください。

関連おすすめ:

CSS設定画像がグレーになる_html/css_WEB-ITnose

CSS3フィルター属性の詳しい説明

CSS3フィルター属性の詳しい説明

以上がCSSを使用して要素を半透明に設定する詳細な例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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