利用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>
后一页：没有了
- 相关阅读
- ( 2020/10/26 21:09:19 )uni-app操作json数组
- ( 2020/10/26 13:46:09 )uni-app自定义loading组件
- ( 2020/10/1 17:07:20 )uni-app一个像商城分类中心一样的联动侧边栏导航分类
- ( 2020/9/27 16:09:39 )uni-app实现tab选项卡
- ( 2020/9/25 22:35:17 )uni-app的父与子页面传递参数之属性Props字段类型讲解
- ( 2020/9/25 20:52:28 )uni-app判断当前客户端是安卓还是ios还是其它平台
- ( 2020/9/25 20:50:18 )uni-app基础知识事件传参（动态参数演示）
- ( 2020/9/25 20:49:33 )uni-app基础知识事件绑定 @click
正在加载评论……
返回顶部发表评论
深山工作室网友评论声明，请自觉遵守互联网相关政策法规。
您发布的评论即表示同意遵守以下条款：
一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家、社会、集体和公民的合法权益；
二、不得发布国家法律、法规明令禁止的内容；互相尊重，对自己在本站的言论和行为负责；
三、本站对您所发布内容拥有处置权。
- 更多>>同类信息
- css背景使用base64编码或者将base64编码放在img图片标签中
- 利用css3中的-webkit-font-smoothing把网页文字的毛边去掉
- 解决手机端微信浏览器中视频自动播放和默认全屏问题
- 利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器
- 在table中tr的display:block在firefox下显示布局错乱问题
- 在未知图片的宽度与高度时利用div+css将图片居中
- 用css做的英文首字母大写和英文全都大写通过各个浏览器
- css优先级的例子
- 更多>>最新添加文章
- uni-app操作json数组
- uni-app自定义loading组件
- uni-app一个像商城分类中心一样的联动侧边栏导航分类
- uni-app实现tab选项卡
- uni-app的父与子页面传递参数之属性Props字段类型讲解
- uni-app判断当前客户端是安卓还是ios还是其它平台
- uni-app基础知识事件传参（动态参数演示）
- uni-app基础知识事件绑定 @click
- 更多>>随机抽取信息
- 如何加快网站访问速度
- 自适应高度textarea(文本框)
- 正则表达式全部符号解释
- 网站页面设计中的Css十大注意
- 利用CSS里面的A:hover鼠标滑过缩略图时放大图片
- asp模拟动态加载include file
- CSS教程：li和ul标签具体用法举例
- 留言动态显示图片
更多标签热门标签
苏公网安备 32070502010230号