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視頻教程