鱼C论坛

 找回密码
 立即注册
查看: 2230|回复: 11

[已解决]css求助

[复制链接]
发表于 2023-5-19 23:27:47 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

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

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

最佳答案
2023-5-19 23:30:38
这种应该得抠图
img.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 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:将背景颜色与背景图片进行轻柔混合。

希望能够帮到你!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2023-5-19 23:30:38 | 显示全部楼层    本楼为最佳答案   
这种应该得抠图
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2023-5-19 23:32:52 | 显示全部楼层
isdkz 发表于 2023-5-19 23:30
这种应该得抠图

哦哦,好的
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2023-5-19 23:35:32 | 显示全部楼层

你得把你想要的抠出来,然后背景用透明背景,css做不到的,它也不知道你的图片里面哪一些是背景,而且 css 修改不了图片的内容
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2023-5-19 23:39:37 | 显示全部楼层

这种图片不用抠图啊,你颜色都事先知道了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2023-5-19 23:58:08 | 显示全部楼层
歌者文明清理员 发表于 2023-5-19 23:39
这种图片不用抠图啊,你颜色都事先知道了

那你说说不抠图怎么做到 body 标签设置的背景颜色覆盖掉图片的背景
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2023-5-19 23:59:49 | 显示全部楼层
isdkz 发表于 2023-5-19 23:58
那你说说不抠图怎么做到 body 标签设置的背景颜色覆盖掉图片的背景

我是说可以用PIL或者pygame事先做出一张覆盖掉的图片
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2023-5-20 00:09:06 | 显示全部楼层
歌者文明清理员 发表于 2023-5-19 23:59
我是说可以用PIL或者pygame事先做出一张覆盖掉的图片

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

可以写一个抠图的程序
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 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')
# 省略
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2023-5-20 00:24:52 | 显示全部楼层
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2023-5-20 00:25:39 | 显示全部楼层

结果写了一个程序,全是pip
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 23:07

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表