北大青鸟西安华清校区官网
|
收藏本站
|
网站地图
手机网
|
微信
|
微博
|
地图
了解北大青鸟
官方首页
走进青鸟
学院简介
发展历程
荣誉奖项
校长寄语
师资力量
课程体系
ACCP软件开发
启蒙星工程师
JAVA软件开发
UI设计工程师
学员风采
学员作品
学员心声
校园环境
青鸟就业
就业体系
就业学员
名企委培
新闻资讯
媒体报道
校区新闻
行业新闻
就业新闻
在线答疑
学员问答
学费咨询
在线报名
联系我们
北大青鸟
>
青鸟问答
>
WEB前端教程
>
CSS中opacity属性用法一览 给图片增加透明度
日期:2019-07-29 15:01
作者:
北大青鸟
西安华清校区
摘要:本篇文章给大家带来的内容是关于css如何使用opacity属性给背景图片加透明度(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 CSS 中无法直接给背景图片
关键词:
西安北大青鸟
北大青鸟西安校区
陕西北大青鸟
北大青鸟ui培训
北大青鸟java培训
北大青鸟web前端
北大青鸟答疑
北大青鸟就业喜报
IT行业资讯
北大青鸟校区新闻
北大青鸟媒体报道
北大青鸟就业
北大青鸟
北大青鸟学员风采
北大青鸟师资介绍
北大青鸟华清校区
本篇文章给大家带来的内容是关于css如何使用opacity属性给背景图片加透明度(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
CSS 中无法直接给背景图片加 opacity 属性,可以使用下面的方法绕过这个限制:
div {
width: 200px;
height: 200px;
display: block;
position: relative;
}
div::after {
content: “”;
background: url(image.jpg);
opacity: 0.5;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
}
转载请保留本文网址
CSS中opacity属性用法一览 给图片增加透明度http://www.myzcedu.com/qqwd/webqd/2019/0729/230.html
上一篇:
HTML 表单
下一篇:
css怎么引用图片?css引用图片的方法
相关搜索
CSS3 3D 转换
2019-08-11
北大青鸟WEB前端培训:HTML常用标签及其属性
2019-08-03
北大青鸟WEB前端培训:CSS3 2D 转换
2019-07-29
北大青鸟WEB前端培训:CSS3 文本效果
2019-07-29
北大青鸟WEB前端培训:CSS3 背景
2019-07-29
CSS3 圆角
2019-07-29
CSS3 边框
2019-07-29
CSS3 简介
2019-07-29
HTML 字符集
2019-07-29
HTML(5) 代码规范
2019-07-29