CSS3で不透明度/透明度を適用する方法 - ダミー

不透明度または透明度はCSS3の新しい効果です。デザイナーは実際にこの効果を実験する初期の段階にあります。 CSS3では、透明度はopacityプロパティ に値を代入することによって定義されます。完全に不透明なオブジェクトは、その背後にあるものを完全に隠す。完全に不透明でないオブジェクトは、部分的にシースルー、または透明です。 CSS3でページレイアウト要素の半透明の背景を定義すると、Webデザイナーにとっていくつかのエキサイティングなオプションが提供されます。半透明の背景は、たとえばドロップダウンリストなどでよく使用されます。そこには、ドロップダウンメニューの要素があります。 5不透明度が割り当てられています（透明度は50％です）。その結果、メニューがドロップダウンすると、下にあるページコンテンツが表示されたままになります。 <！不透明性特性は、999〜999（完全に不可視）から999〜999（完全に不透明、999〜不透明）の範囲の値で定義されるまったく）。したがって、たとえば、不透明度の値。 8はオブジェクトを80％不透明にします。

不透明度プロパティは、異なるブラウザにプレフィックスを必要としません。構文は単純です：

<！ - 2 - >

不透明度：。 x たとえば、表示されるドロップダウンリストは、 として定義されます。 menu_box {背景色：#999;パディング：2ピクセル;色：#333333;不透明度：。 5;}