[已解决]css求助

巅峰老甲鱼1

如何使body标签设置的背景颜色覆盖img标签图片的背景，就像下面这个图片白色背景一样：
或者说有其他的解决办法？

最佳答案

月排行榜 / 总排行榜

isdkz

2023-5-19 23:30:38

这种应该得抠图

跳转到最佳答案楼层

isdkz

可以使用CSS中的background-blend-mode属性来实现将背景颜色覆盖在图片上。

具体操作步骤如下：

1. 将背景颜色设置在body标签上。

2. 将图片作为背景图片设置在body标签上。

3. 使用background-blend-mode属性将背景颜色与背景图片进行混合，达到覆盖的效果。

代码示例：

1. body {
2.   background-color: #fff; /* 设置背景颜色 */
3.   background-image: url('your-image-url'); /* 设置背景图片 */
4.   background-blend-mode: lighten; /* 将背景颜色与背景图片进行混合 */
5. }

复制代码

其中，background-blend-mode属性的值可以根据实际需求进行调整，常用的值包括：

· normal：正常显示背景图片。
· multiply：将背景颜色与背景图片进行相乘。
· screen：将背景颜色与背景图片进行屏幕混合。
· lighten：将背景颜色与背景图片进行轻柔混合。

希望能够帮到你！

isdkz

这种应该得抠图

巅峰老甲鱼1

isdkz 发表于 2023-5-19 23:30
这种应该得抠图

哦哦，好的

isdkz

巅峰老甲鱼1 发表于 2023-5-19 23:32
哦哦，好的

你得把你想要的抠出来，然后背景用透明背景，css做不到的，它也不知道你的图片里面哪一些是背景，而且 css 修改不了图片的内容

歌者文明清理员

巅峰老甲鱼1 发表于 2023-5-19 23:32
哦哦，好的

这种图片不用抠图啊，你颜色都事先知道了

isdkz

歌者文明清理员 发表于 2023-5-19 23:39
这种图片不用抠图啊，你颜色都事先知道了

那你说说不抠图怎么做到 body 标签设置的背景颜色覆盖掉图片的背景

歌者文明清理员

isdkz 发表于 2023-5-19 23:58
那你说说不抠图怎么做到 body 标签设置的背景颜色覆盖掉图片的背景

我是说可以用PIL或者pygame事先做出一张覆盖掉的图片

isdkz

歌者文明清理员 发表于 2023-5-19 23:59
我是说可以用PIL或者pygame事先做出一张覆盖掉的图片

那跟抠图的原理也差不多，还不如抠图，抠图还能随你怎么放，背景直接用css调，

可以写一个抠图的程序

歌者文明清理员

isdkz 发表于 2023-5-20 00:09
那跟抠图的原理也差不多，还不如抠图，抠图还能随你怎么放，背景直接用css调，

可以写一个抠图的程序{ ...

程序主要内容：

1. import os
   
2. def install(pack):
   
3.     os.system(f"pip install {pack}")
   
4. install('numpy')
   
5. install('opencv')
   
6. install('scipy')
   
7. # 省略

复制代码

isdkz

歌者文明清理员 发表于 2023-5-20 00:18
程序主要内容：

歌者文明清理员

isdkz 发表于 2023-5-20 00:24

结果写了一个程序，全是pip