CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSS3不透明度プロパティ

不透明度は、不透明度を上げるために黒を追加する必要がある薄い塗料です。

次の例は、CSS3の不透明度プロパティ-

を示しています。

例

<html>
   <head>
      <style>
         #m1 {background-color:rgb(255,0,0);opacity:0.6;}
         #m2 {background-color:rgb(0,255,0);opacity:0.6;}
         #m3 {background-color:rgb(0,0,255);opacity:0.6;}
      </style>
   </head>
   
   <body>
      <p>HSLA colors:</p>
      <p id = "m1">Red</p>
      <p id = "m2">Green</p>
      <p id = "m3">Blue</p>
   </body>
</html>

  1. すべてのブラウザで機能するCSSの不透明度

    プロパティの不透明度は最新のソリューションであり、Firefox 0.9以降、Safari 2、Opera 9以降、IE 9以降、およびすべてのバージョンのChromeで機能します。 -moz-opacityプロパティは、0.9より古いFirefoxバージョンの不透明度プロパティです。–khtml-opacityプロパティは、1から始まるサファリバージョン用です。filterプロパティは、不透明度のような効果を与える5〜9のIEブラウザ用です。現代の不透明度のフォールバックとしてこれらすべての値を一緒に使用すると、すべてのブラウザで不透明度を使用できます。 以下は、すべてのブラウザで機能する

  2. HTMLDOMスタイルの不透明度プロパティ

    DOMスタイルの不透明度プロパティは、HTMLドキュメント内の要素の不透明度CSSプロパティの値を返し、変更します。 構文 以下は構文です- 1.不透明度を返す object.style.opacity 不透明度の変更 object.style.opacity = “value” 例 スタイルの不透明度プロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <style>    body {       colo