css如何實(shí)現(xiàn)按鈕透明

在css中，可以使用opacity屬性設(shè)置按鈕透明，語法“opacity:數(shù)值”，其中數(shù)值范圍在“0.0-1.0”之間；當(dāng)數(shù)值為1時(shí)表示完全不透明，當(dāng)數(shù)值為0.5時(shí)表示半透明，當(dāng)數(shù)值為0時(shí)表示完全透明。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css可以使用opacity屬性設(shè)置按鈕透明效果，css中opacity屬性設(shè)置元素的不透明級(jí)別。IE8以及更早的版本支持替代的filter屬性。例如：

filter:Alpha(opacity=50)。

css使用opacity屬性設(shè)置元素的不透明級(jí)別。

語法：

opacity: value|inherit;

屬性值：

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

inherit 應(yīng)該從父元素繼承 opacity 屬性的值。

示例：

使用opacity屬性設(shè)置按鈕透明效果

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;  }

效果圖：

推薦學(xué)習(xí)：css視頻教程