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

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

  發(fā)布時(shí)間：2017-08-14 17:18:50   作者：叫什么啊   我要評(píng)論
這篇文章主要介紹了css中使用rgba和opacity設(shè)置透明度的兩種方法,通過實(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會(huì)同時(shí)影響字體的透明度

以上就是兩者之間的差別和詳細(xì)解釋啦，希望對(duì)大家有所幫助~~

相關(guān)文章

最新評(píng)論