【背景图片有没有办法加一个灰色的图层 _布局 _css概念】

背景图片有没有办法加一个灰色的图层

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(5)

布局 css概念

详细描述

截图

代码

html

<div class="awm">

    <img class="pyz" src="../img/task5-9.png"/>
    <img class="xq" src="../img/task5-1.png"/>
    <p class="wz1">徐士林 55岁</p>
    <img class="xlb" src="../img/task5-2.png"/>
    <p class="wz2">京城 • 四方 • 报纸林</p>
</div>


css

.pyz{
    height: 200px;
    width: 100%;
    position: absolute;

}

编辑于2025-04-04

时间排序

热门排序

[散修弟子]CSS-6291
0

可以采用背景图片的方法:
background-image:url(图片链接);
background-repeat:no-repeat;
background-color:图层颜色;
再使用背景混合模式:
background-blend-mode:multiply;
搞定;

查看全部>

编辑于2018-08-09
[北京|结业弟子]JS-张新
0

其实这个在psd切图的过程中可以一起切出来的，使用psd中的图层，将两个图层一起切出来

查看全部>

编辑于2018-09-29
[成都|]JS-
0

把图片用做背景，然后写一个position:absolute;的div浮动于它的上面，这个层设定一个半透明opacity，最后写其他盒子;

查看全部>

编辑于2018-11-17
[西安|荣耀师兄]UI-阮少凡
0

切图的时候没有注意背景图的图层，在ps切图的时候使用Shift将两个图层都选中一起切出来就好了

查看全部>

编辑于2018-11-17
[成都|结业弟子]JS-董家宇
0

可以去看一下filter属性

查看全部>

编辑于2019-01-26

去第页