深圳市金黑网络技术有限公司始终坚持以用户需求为导向，提供安全、稳定、高效的产品和服务！
签到 · 搜索导航 · 服务热线 · 微信/手机：17817817816

深圳网站建设

搜索
搜索附件  
金黑网络 › 附件中心 › 应用开发教程 › 前端教程 › css教程 ›css运行代码效果图.jpg

板块导航

热门下载

左侧广告
版权所有：金黑网络
For 2013-2023 © jinhei.com

css运行代码效果图.jpg

附件信息右侧广告
附件下载与主题内容间广告

 

点击附件下载：下载附件
背景透明css样式案例:
背景透明css样式案例

语法：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>
复制代码
css代码运行效果图：


同一主题附件字上面广告
小程序系统开发 · 服务流程

千里之行，始于足下 / 迈出开发项目第一步，从联系我们开始

友情链接 / LINKS

不达标就退款 高性价比建站 免费网站代备案 1对1原创设计服务 7×24小时售后支持
建站百科
主营业务
新闻动态
了解我们
全国免费咨询
178-178-178-16

QQ业务咨询：515138 / 6369341

联系地址：深圳市龙岗区盛龙路60号和中心12楼

Copyright © 2013-2023 深圳市金黑网络技术有限公司 版权所有    备案号：粤ICP备2021124338号    粤公网安备 44030702003689号

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

返回顶部