首頁 > web前端 > css教學 > 主體

css如何實現按鈕透明

醉折花枝作酒筹
發布: 2023-01-06 11:13:39
原創
4832 人瀏覽過

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

css如何實現按鈕透明

本教學操作環境: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影片教學

#

以上是css如何實現按鈕透明的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板