在css中,可以使用opacity屬性設(shè)置按鈕透明,語法“opacity:數(shù)值”,其中數(shù)值范圍在“0.0-1.0”之間;當數(shù)值為1時表示完全不透明,當數(shù)值為0.5時表示半透明,當數(shù)值為0時表示完全透明。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css可以使用opacity屬性設(shè)置按鈕透明效果,css中opacity屬性設(shè)置元素的不透明級別。IE8以及更早的版本支持替代的filter屬性。例如:
filter:Alpha(opacity=50)。
css使用opacity屬性設(shè)置元素的不透明級別。
語法:
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é)習:css視頻教程