ホームページ  >  記事  >  ウェブフロントエンド  >  CSS で要素を半透明にする

CSS で要素を半透明にする

高洛峰
高洛峰オリジナル
2017-03-20 10:45:531792ブラウズ

この記事では、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 の不透明度を実装するための完全なコード

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