dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 979|回复: 0

[Html/Css] css背景颜色透明度

[复制链接]
  • TA的每日心情

    2024-11-19 20:46
  • 签到天数: 244 天

    [LV.8]以坛为家I

    4434

    主题

    1459

    帖子

    1万

    积分

    会|员

    Rank: 9Rank: 9Rank: 9

    积分
    10839
    发表于 2020-3-6 16:17:57 | 显示全部楼层 |阅读模式

    本站资源全部免费,回复即可查看下载地址!

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    rgba与opacity在第一个例子中,我们只让背景颜色变得透明,而第二个例子用到opacity属性,让整个元素都变得透明,包含元素中含的内容。
    使用opacity把一个元素设置为透明后,将无法再让其子元素变得不那么透明。
    [CSS] 纯文本查看 复制代码
    body{
        background-color: rgba(254,219,207,0.5);
    }

    [CSS] 纯文本查看 复制代码
    body{
        background-color: #FEDBCF;
        opacity:0.5;
    }

    补充:transparenttransparent属性用来指定全透明色彩,transparent是全透明黑色(black)的速记法,即一个类似rgba(0,0,0,0)这样的值。
    在CSS1中,transparent被用来作为background-color的一个参数值,用于表示背景透明。
    在CSS2中,border-color也开始接受transparent作为参数值,
    《Open eBook(tm) Publication Structure 1.0.1》[OEB101]延伸到color也接受transparent作为参数值。
    在CSS3中,transparent被延伸到任何一个有color值的属性上。

    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|Archiver|小黑屋|本站代理|dmz社区

    GMT+8, 2025-2-2 04:40 , Processed in 0.104717 second(s), 30 queries .

    Powered by Discuz! X3.4 Licensed

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表