欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

css中使用rgba和opacity設(shè)置透明度的區(qū)別(附圖)

  發(fā)布時間:2017-08-14 17:18:50   作者:叫什么啊   我要評論
這篇文章主要介紹了css中使用rgba和opacity設(shè)置透明度的兩種方法,通過實例演示解釋了兩者之間的差別,需要的朋友可以參考下

1.使用rgba設(shè)置背景色的透明

效果如下:

<body>
    <div id="box">
        你好啊!
    </div>
</body>
body {
    background-color:red;
}
#box{
    width:200px;
    height:200px;
    margin:100px auto;
    text-align:center;
    line-height:200px;
    color:white;
    background-color:rgba(182,255,0,.5);
}


2.使用opacity設(shè)置背景色的透明

#box{
    width:200px;
    height:200px;
    margin:100px auto;
    text-align:center;
    line-height:200px;
    color:white;
    background-color:rgb(182,255,0);
    opacity:0.5;
}

總結(jié):通過2中效果的比較我們發(fā)現(xiàn)opacity會同時影響字體的透明度

以上就是兩者之間的差別和詳細解釋啦,希望對大家有所幫助~~

相關(guān)文章

最新評論