css如何實現按鈕透明

在css中，可以使用opacity屬性設定按鈕透明，語法“opacity:數值”，其中數值範圍在“0.0-1.0”之間；當數值為1時表示完全不透明，當數值為0.5時表示半透明，當數值為0時表示完全透明。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

css可以使用opacity屬性設定按鈕透明效果，css中opacity屬性設定元素的不透明等級。 IE8以及更早的版本支援替代的filter屬性。例如：

filter:Alpha(opacity=50)。

css使用opacity屬性設定元素的不透明等級。

語法：

opacity: value|inherit;

屬性值：

value 規定不透明度。從 0.0 （完全透明）到 1.0（完全不透明）。

inherit 應該從父元素繼承 opacity 屬性的值。

範例：

使用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中文網其他相關文章！