CSS半透明背景

最新推荐文章于 2024-06-15 10:33:41 发布

「已注销」

最新推荐文章于 2024-06-15 10:33:41 发布

阅读量310

点赞数

分类专栏：前端技术学习文章标签： CSS

本文链接：https://blog.csdn.net/weixin_45747391/article/details/102581769

版权

前端技术学习专栏收录该内容

1 篇文章 0 订阅

订阅专栏

代码示例

<!DOCTYPE html>
<html>
    <head>
    	<meta charset="UTF-8">
        <title>半透明背景示例</title>
        <style type="text/css">
            #content {
                background:rgba(0, 0, 0, 0.3);
                width:100px;
                height:100px;
            }
            #background {
                background:red;
                width:150px;
                height:150px;
            }
            #test {
                background:rgba(0, 0, 0, 0.3);
                width:100px;
                height:100px;
            }
            
        </style>
    </head>
    <body>
        <div id="background">
            <div id="content"></div>
        </div>
        <div id="test"></div>
    </body>
</html>