這篇文章主要介紹了css怎么實(shí)現(xiàn)按鈕透明,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)一直通過(guò)網(wǎng)站建設(shè)和網(wǎng)站營(yíng)銷(xiāo)幫助企業(yè)獲得更多客戶資源。 以"深度挖掘,量身打造,注重實(shí)效"的一站式服務(wù),以成都網(wǎng)站制作、做網(wǎng)站、移動(dòng)互聯(lián)產(chǎn)品、成都營(yíng)銷(xiāo)網(wǎng)站建設(shè)服務(wù)為核心業(yè)務(wù)。10余年網(wǎng)站制作的經(jīng)驗(yàn),使用新網(wǎng)站建設(shè)技術(shù),全新開(kāi)發(fā)出的標(biāo)準(zhǔn)網(wǎng)站,不但價(jià)格便宜而且實(shí)用、靈活,特別適合中小公司網(wǎng)站制作。網(wǎng)站管理系統(tǒng)簡(jiǎn)單易用,維護(hù)方便,您可以完全操作網(wǎng)站資料,是中小公司快速網(wǎng)站建設(shè)的選擇。
在css中,可以使用opacity屬性設(shè)置按鈕透明,語(yǔ)法“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í)別。
語(yǔ)法:
opacity: value|inherit;
屬性值:
value 規(guī)定不透明度。從 0.0 (完全透明)到 1.0(完全不透明)。
inherit 應(yīng)該從父元素繼承 opacity 屬性的值。
示例:
使用opacity屬性設(shè)置按鈕透明效果
HTML代碼
查看
css代碼:
#testbtn{ filter:Alpha(opacity=0.3); -moz-opacity:0.3; opacity:0.3; } #testbtntext{ color:#000; position:relative; right:-px;top:0px; }
效果圖:
css的基本語(yǔ)法是:1、css規(guī)則由選擇器和一條或多條聲明兩個(gè)部分構(gòu)成;2、選擇器通常是需要改變樣式的HTML元素;3、每條聲明由一個(gè)屬性和一個(gè)值組成;4、屬性和屬性值被冒號(hào)分隔開(kāi)。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“css怎么實(shí)現(xiàn)按鈕透明”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!