请选择 进入手机版 | 继续访问电脑版

乐心屋资源分享论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 424|回复: 0

css背景透明

[复制链接]

264

主题

264

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
10948
发表于 2022-9-6 20:45:23 | 显示全部楼层 |阅读模式
背景透明
语法:rgba(值1,值2,值3,值4)
取值:1-3个值都是0-255的数字,表示颜色,第4个值是透明度0-1之间取值
网站建设案例:
  1. <head>
  2.         <meta charset="utf-8" />
  3.         <title></title>
  4.         <style type="text/css">
  5.                 .box{
  6.                         width:200px;
  7.                         height:100px;
  8.                         border:1px solid #000;
  9.                         position:relative;
  10.                 }
  11.                 img{
  12.                         position:absolute;
  13.                         left:0;top:0;
  14.                 }
  15.                 .box2{
  16.                         width:200px;
  17.                         height:100px;
  18.                         background:rgba(3,3,3,.5);
  19.                         color:#fff;
  20.                         position:absolute;
  21.                         left:0;top:0;
  22.                 }
  23.         </style>
  24. </head>
  25. <body>
  26.         <div class="box">
  27.                 <img src="1.png" width="200" height="100" />
  28.                 <div class="box2">
  29.                         这是一张图片
  30.                 </div>
  31.         </div>
  32. </body>
复制代码


回复

使用道具 举报

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

本版积分规则

QQ|Archiver|手机版|小黑子|栀子舒资源博客|乐心屋资源分享论坛 ( 皖ICP备2021007551号 )

GMT+8, 2023-11-30 19:53 , Processed in 0.053096 second(s), 27 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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