巅峰老甲鱼1 发表于 2023-5-19 23:27:47

css求助

本帖最后由 巅峰老甲鱼1 于 2023-5-19 23:31 编辑

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

isdkz 发表于 2023-5-19 23:28:21

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

具体操作步骤如下：

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

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

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

代码示例：

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


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

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

希望能够帮到你！

isdkz 发表于 2023-5-19 23:30:38

这种应该得抠图

巅峰老甲鱼1 发表于 2023-5-19 23:32:52

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

哦哦，好的
{:5_105:}

isdkz 发表于 2023-5-19 23:35:32

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

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

歌者文明清理员 发表于 2023-5-19 23:39:37

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

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

isdkz 发表于 2023-5-19 23:58:08

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

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

歌者文明清理员 发表于 2023-5-19 23:59:49

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

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

isdkz 发表于 2023-5-20 00:09:06

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

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

可以写一个抠图的程序{:10_256:}

歌者文明清理员 发表于 2023-5-20 00:18:47

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

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

程序主要内容：
import os
def install(pack):
    os.system(f"pip install {pack}")
install('numpy')
install('opencv')
install('scipy')
# 省略

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

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

{:10_249:}

歌者文明清理员 发表于 2023-5-20 00:25:39

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


结果写了一个程序，全是pip{:10_277:}
页: [1]
查看完整版本: css求助