利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
效果展示:

在CSS中,当需要背景透明时,只要在这个16进制的6位数颜色代码之后加上一个字母与数字,就可以让当前这个层相应的纯色有透明效果。
主要代码:background-color:#000000a8;
以下是演示代码
<div style="background:#f20 url(2.jpg);width:100%;height:250px;padding:30px;">
<div style="background-color:#000000a8;border-radius:10px;height:50px;width:200px;color:#fff;margin:10px;">aaa111</div>
<div style="background-color:#ff6600a8;border-radius:10px;height:50px;width:200px;color:#fff;margin:10px;">aaa222</div>
<div style="background-color:#0066ffc1;border-radius:10px;height:50px;width:200px;color:#fff;margin:10px;">aaa3333</div>
</div>
- 相关阅读
- ( 2021/1/19 22:10:48 )一次自动化批量处理服务器上几万张图片
- ( 2021/1/8 21:47:38 )uni-app三目运算class和style
- ( 2021/1/5 20:10:06 )uni-app跨端开发微信小程序时页面栈超过10层时小程序像卡死一样假性不能点击无法跳转的解决方案
- ( 2021/1/5 19:50:31 )微信小程序开发中链接navigateTo与redirectTo的对比说明
- ( 2020/12/27 21:57:47 )使用uni-app开始小程序使用腾讯视频插件vid播放视频
- ( 2020/12/18 14:43:35 )微信小程序-接入广告
- ( 2020/12/18 14:13:25 )uni-app微信小程序获得用户头像与名称
- ( 2020/12/18 14:10:56 )微信公众号生成带参数的二维码asp源码下载
正在加载评论……
返回顶部发表评论
深山工作室网友评论声明,请自觉遵守互联网相关政策法规。
您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。
- 更多>>同类信息
- 利用css中的scale()实现放大缩小效果
- css背景使用base64编码或者将base64编码放在img图片标签中
- 利用css3中的-webkit-font-smoothing把网页文字的毛边去掉
- 解决手机端微信浏览器中视频自动播放和默认全屏问题
- 利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器
- 在table中tr的display:block在firefox下显示布局错乱问题
- 在未知图片的宽度与高度时利用div+css将图片居中
- 用css做的英文首字母大写和英文全都大写通过各个浏览器
- 更多>>最新添加文章
- 一次自动化批量处理服务器上几万张图片
- uni-app三目运算class和style
- uni-app跨端开发微信小程序时页面栈超过10层时小程序像卡死一样假性不能点击无法跳转的解决方案
- 微信小程序开发中链接navigateTo与redirectTo的对比说明
- 使用uni-app开始小程序使用腾讯视频插件vid播放视频
- 微信小程序-接入广告
- uni-app微信小程序获得用户头像与名称
- 微信公众号生成带参数的二维码asp源码下载
- 更多>>随机抽取信息
- 一个利用纯java做的非常漂亮的页面背景花瓣效果
- 判断用户注册密码强度的JS代码
- ul,li设置新闻列表,超出范围对象,自动隐藏
- 收集各种游览器禁止javascript的方法
- 微信公众号生成带参数的二维码asp源码下载
- 网上购物车购物数量加减效果
- CSS光标属性一览表
- window.location.href和setTimeout结合时间错误
更多标签热门标签