怎么實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)中css的背景透明

這篇文章將為大家詳細(xì)講解有關(guān)怎么實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)中css的背景透明，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì)、修水網(wǎng)絡(luò)推廣、小程序設(shè)計(jì)、修水網(wǎng)絡(luò)營(yíng)銷、修水企業(yè)策劃、修水品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供修水建站搭建服務(wù)，24小時(shí)服務(wù)熱線：028-86922220，官方網(wǎng)址：aaarwkj.com

css背景透明文字不透明的具體代碼示例如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>css div背景透明示例</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }

        body{
            padding: 50px;
            background: url(img/2.png) 0 0 repeat;
        }

        .demo{
            padding: 25px;
            background-color: rgba(0,0,0,0.5);/* IE9、標(biāo)準(zhǔn)瀏覽器、IE6和部分IE7內(nèi)核的瀏覽器(如QQ瀏覽器)會(huì)讀懂 */
        }
        .demo p{
            color: #FFFFFF;
        }
    </style>
</head>
<body>
<div class="demo">
    <p>css背景透明文字不透明</p>
</div>
</body>
</html>

效果如下圖：

怎么實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)中css的背景透明

從上圖可以明顯看出，css實(shí)現(xiàn)了div背景透明，并且文字不透明的效果。這里我們需要掌握的知識(shí)點(diǎn)就是，background-color中的rgba()函數(shù)。在css中使用rgba(0,0,0,0.5);這樣的格式來(lái)表示rgha。其中最后一個(gè)參數(shù)表示Alpha通道，表示透明度。

這里也順便說(shuō)一下CSS 中的顏色有三種定義方式：使用顏色方法（RGB、RGBA、HSL、HSLA），十六進(jìn)制顏色值和預(yù)定義的顏色名稱。 RGBA 是代表Red（紅色） Green（綠色） Blue（藍(lán)色）和 Alpha（不透明度）三個(gè)單詞的縮寫。

取值：

R	紅色值。正整數(shù) \| 百分?jǐn)?shù)
G	綠色值。正整數(shù) \| 百分?jǐn)?shù)
B	藍(lán)色值。正整數(shù) \| 百分?jǐn)?shù)
A	Alpha透明度。取值0~1之間。

那么通過(guò)以上關(guān)于用css設(shè)置背景透明，文字不透明的效果內(nèi)容介紹，希望對(duì)有需要的朋友有所幫助。

關(guān)于怎么實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)中css的背景透明就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

本文題目：怎么實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)中css的背景透明
文章地址：http://aaarwkj.com/article18/pjcidp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、定制網(wǎng)站、網(wǎng)站策劃、外貿(mào)網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、全網(wǎng)營(yíng)銷推廣

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

R	紅色值。正整數(shù) \| 百分?jǐn)?shù)
G	綠色值。正整數(shù) \| 百分?jǐn)?shù)
B	藍(lán)色值。正整數(shù) \| 百分?jǐn)?shù)
A	Alpha透明度。取值0~1之間。

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

怎么實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)中css的背景透明