穿越小说完本,完美世界txt下载

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案

html如何設(shè)置不透明度

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)html如何設(shè)置不透明度，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)專注于淮安區(qū)網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。熱誠(chéng)為您提供淮安區(qū)營(yíng)銷型網(wǎng)站建設(shè)，淮安區(qū)網(wǎng)站制作、淮安區(qū)網(wǎng)頁(yè)設(shè)計(jì)、淮安區(qū)網(wǎng)站官網(wǎng)定制、微信小程序開(kāi)發(fā)服務(wù)，打造淮安區(qū)網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供淮安區(qū)網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

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

html怎么設(shè)置不透明度？

方法一

rgba()設(shè)置顏色透明度

語(yǔ)法：

rgba（R,G,B,A）;

RGBA 是代表Red（紅色） Green（綠色） Blue（藍(lán)色）和 Alpha（不透明度）三個(gè)單詞的縮寫(xiě)。RGBA 顏色值是 RGB 顏色值的擴(kuò)展，帶有一個(gè) alpha 通道 - 它規(guī)定了對(duì)象的不透明度。

rgba（)里的值的介紹：

R：紅色值。正整數(shù) （0~255）

G：綠色值。正整數(shù) （0~255）

B：藍(lán)色值。正整數(shù)（0~255）

A：透明度。取值0~1之間

rgba()只是單純的可以設(shè)置顏色透明度，這樣在頁(yè)面的布局中有很多應(yīng)用。比如說(shuō)：讓背景出現(xiàn)透明效果，但上面的文字不透明。

代碼實(shí)例：



    
        
        rgba()
        
    
    
        
            背景色不透明，文字不透明！

背景色半透明，文字不透明！

效果圖：

html如何設(shè)置不透明度、

方法二

opacity屬性設(shè)置背景透明度

語(yǔ)法：

opacity: value ;

value ：指定不透明度，從0.0（完全透明）到1.0（完全不透明）。

opacity屬性具有繼承性，會(huì)使容器中的所有元素都具有透明度；

代碼實(shí)例：



    
        
        opacity屬性
        
    
    
        
            
                背景色不透明，文字不透明！

背景色透明，文字也透明！

效果圖：

html如何設(shè)置不透明度

opacity:0.5;使得demo2容器的所以元素都呈現(xiàn)半透明。

總結(jié)：rgba()方法與opacity方法雖然都可以實(shí)現(xiàn)透明度效果，但rgba()只作用于元素的顏色或其背景色（設(shè)置了rgb(）透明度元素的子元素不會(huì)繼承其透明效果）；而opacity具有繼承性，既作用于元素本身，也會(huì)使元素內(nèi)的所有子元素具有透明度。

上述就是小編為大家分享的html如何設(shè)置不透明度了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁(yè)名稱：html如何設(shè)置不透明度
鏈接分享：http://fisionsoft.com.cn/article/iedicg.html

新聞中心

其他資訊