CSSでボタンを透明にする方法

CSS では、opacity 属性を使用してボタンの透明度を設定できます。構文「opacity: value」の値の範囲は「0.0 ～ 1.0」です。値が 1 の場合、完全に意味します。値が 0.5 の場合は不透明 値が 0 の場合は半透明、値が 0 の場合は完全透明を意味します。

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

css では opacity 属性を使用してボタンの透明効果を設定でき、css の opacity 属性は要素の不透明度レベルを設定します。 IE8 以前では、代替フィルター属性がサポートされています。例:

フィルター:アルファ(不透明度=50)。

css は、opacity 属性を使用して要素の不透明度レベルを設定します。

構文:

opacity: value|inherit;

属性値:

value 不透明度を指定します。 0.0 (完全に透明) から 1.0 (完全に不透明) まで。

inherit opacity 属性の値は親要素から継承する必要があります。

例:

不透明属性を使用してボタンの透明効果を設定します

HTML コード

<span id="testbtntext">查看</span>
<input type="button" class="btn_blue" id="testbtn" value="查看" />

css コード:

#testbtn{
    filter:Alpha(opacity=0.3);
    -moz-opacity:0.3;
    opacity:0.3;
  }
#testbtntext{
    color:#000;
    position:relative;
    right:-px;top:0px;
 }

レンダリング:

推奨学習: css ビデオ チュートリアル

以上がCSSでボタンを透明にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。