★→ASP程序学习群:62655404 微信公众号开发
订阅本栏目 RSS您所在的位置: 深山工作室 > DIV+CSS学习 > 正文

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

深山工作室 2020/7/20 11:23:03 深山工作室 字体:  浏览 1098 我要评论
效果展示:



在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源码下载
共有0条关于《利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明》的评论
发表评论
正在加载评论……
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
深山工作室网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
rss学习
个人空间
网站设计
网站公告
下载
photoshop学习
ASP学习
DIV+CSS学习
SEO搜索引擎忧化
java学习
HTML学习
网站信息
网站类信息
更多>>同类信息
利用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结合时间错误