腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(1980)
视频
沙龙
1
回答
彩色
<
div
>
中
的
Svg
图像
:
如何将
混合
混合
模式
应用于
HTML
背景
颜色
?
、
、
我有一个在特定元素上定义了mix-blend-mode样式
的
SVG
文件。
混合
可以正确地
应用于
SVG
中
的
其他元素,但不能
应用于
包含
HTML
的
<
div
>
背景
色。<!doctype
html
><head> body {
浏览 10
提问于2021-05-27
得票数 0
2
回答
混合
模式
与父
DIV
、
、
将
图像
与
颜色
混合
的
标准方法是使用以下CSS:background-color: red;我不想使用CSS来指定照片,因为IMG已经由Wordpress主题
的
PHP生成,我不想搞砸。是否有一种方法将
混合
模式
应用于
IMG,使其与其父
DIV
(或层次结构上
的
任何元素)
混合</em
浏览 4
提问于2021-12-06
得票数 2
回答已采纳
1
回答
在带有
背景
图像
的
元素上方
的
DOM元素上使用css
混合
模式
我很好奇是否有人知道如何使用新
的
css属性background-blend-mode将
背景
颜色
应用到比需要
混合
背景
图像
的
元素更高(z索引)
的
元素(如标题)上?我知道
如何将
背景
图像
、
背景
颜色
和
背景
混合
模式
应用于
相同
的
元素,但我认为这样
的
操作也适用于页面的一小部
浏览 1
提问于2014-06-02
得票数 0
1
回答
图像
背景
-
混合
模式
与灰度
的
结合
、
、
、
、
我知道
背景
混合
模式
是一个新
的
css功能,但我想知道它是否在任何方面能够结合在css
中
的
过滤技术。 基本上,我试图实现
的
是一个
图像
从全
彩色
变成去饱和和
混合
到一个
彩色
背景
在悬停(
混合
模式
乘)。下面是我尝试过
的
一个例子,你可以看到红色
图像
工作得很好,因为它是深色
的
,但是对于橙色和黄色,原始
图
浏览 1
提问于2014-07-25
得票数 3
回答已采纳
3
回答
是否可以将css
混合
模式
应用于
不同
div
中
的
元素?
、
、
、
、
是否可以将css
混合
模式
应用于
不同
div
中
的
元素? 例如,我在一个
div
中有一个大
的
背景
英雄
图像
。在
图像
上方(在不同
的
div
中
),我有一个蓝色
的
半透明框,里面有文本。这个透明
的
框是我想要应用
混合
的
,但它似乎不起作用,可能是因为它们不在同一个
div
中<
浏览 5
提问于2016-10-18
得票数 0
1
回答
在web上下文中
的
颜色
混合
选项(乘)?
、
、
、
、
这张图实质上是3个重叠
的
甜甜圈(由于“明显
的
原因”,现在不能发布) 一些我试过
的
东西。将AI文件导出为
SVG
并使用RaphaelJS生成动画
浏览 5
提问于2015-01-06
得票数 0
回答已采纳
1
回答
显示拉伸
的
SVG
路径
的
图像
模式
、
我有一个长方形
的
div
,在这里我添加了一个background-color,和一个带有重复
的
background-image,这样半透明
的
图像
与
背景
颜色
混合
,并为我
的
内容制作了一个
彩色
图案
的
背景
。我从中获取了一个
模式
,即:维度
中
的
300px × 295px。下面是代码: background-image: u
浏览 4
提问于2019-10-12
得票数 0
3
回答
如果容器是兄弟姐妹,如何使用CSS
混合
模式
?
、
、
如果
背景
图像
/视频不是获得
混合
模式
的
元素
的
父元素,我们如何使用CSS
混合
模式
?h1>This
div
should have a colored background with a mix-blend mode multiply</h1>带有..caption以上视频
的
div
应该有一个
混合
浏览 6
提问于2022-09-02
得票数 0
1
回答
如何用css加深/降低
背景
图像
的
高亮度?
、
、
、
我有几张和这张相似的图片: 正如你所看到
的
,阴影和
图像
中
的
高光有很大
的
区别。大多数
图像
都可以放在白色文本上,但有时我
的
文本会出现亮点,使其无法读懂,所以我希望使用css降低
图像
高光
的
亮度(就像在大多数标准照片应用程序
中
那样),同时保持阴影和中等亮度区域
的
亮度。我可以找到很多帮助如何使整个
图像
变暗,但没有什么关于如何暗
的
只是亮点。我在想background-ble
浏览 23
提问于2022-09-18
得票数 0
回答已采纳
1
回答
在透明
图像
上应用
混合
模式
、
、
使用CSS,我试图将
背景
图像
与
颜色
混合
。这张图片是一个带有半透明部分
的
PNG。我
如何将
混合
模式
仅
应用于
实际可见
的
部分,这样如果PNG有一个洞,后面的元素就可以在那里畅通无阻地看到?Scales/Scale1.png");background-blend-mode: luminosity; 这会导致不透明
的</em
浏览 4
提问于2015-09-05
得票数 0
3
回答
将
SVG
过滤器
应用于
div
的
背景
色
、
、
、
我有一个<
div
>,它
的
背景
色就在
图像
前面.我试图使用
SVG
应用乘法效果,这样
div
后面的
背景
图像
就可以通过: <filter id="multiply"> </filter> </
svg
浏览 2
提问于2015-07-01
得票数 1
回答已采纳
3
回答
CSS灰度滤镜和
背景
混合
模式
在同一时间?
、
、
、
我正在尝试以photoshop文件
中
的
方式处理
图像
-将
图像
去饱和化到灰度,然后应用具有倍增
混合
模式
的
颜色
覆盖。为此,我使用...设置CSS
背景
图像
的
样式。webkit-filter: grayscale(1); filter: grayscale(1); filter: url(desaturate.
svg
multiply *
浏览 9
提问于2014-09-15
得票数 14
回答已采纳
2
回答
带feImage和feBlend
的
SVG
滤波器,乘法
混合
模式
不能按预期工作
、
、
、
我试图创建一个
SVG
,其中黑白方块是叠加在
图像
上使用各种
混合
模式
。我在图片中使用带有feImage原语
的
过滤器,使其在feColorMatrix中部分透明,并将其与正方形与feBlend
混合
。normal
混合
模式
的
工作方式与我所期望
的
一样,但multiply没有。这些都是我在GIMP玩
的
时候发生
的
事情。
SVG
规范在这里有各种
混合
模式</
浏览 6
提问于2013-08-02
得票数 2
回答已采纳
1
回答
如何在不使用不透明度属性
的
情况下将透明
背景
色
应用于
分区
、
、
、
如您所知,CSS不透明属性正在使
背景
颜色
或
图像
透明。您可以在下面看到不同
的
不透明度属性,
背景
颜色
:rgba和
混合
模式
属性之间
的
差异。 <h3>Sample 2</h3> <p>I'm NOT Original Color<
浏览 0
提问于2018-05-30
得票数 2
回答已采纳
1
回答
PNG
混合
模式
、
、
在Photoshop中有几种
混合
模式
,例如: 例如,对于
模式
,“查看每个通道
中
的
颜色
信息,并通过增加两者之间
的
对比度来使基色变暗以反映
混合
颜色
与白色
混合
不会产生任何变化”。这是我
的
密码: Bitmap blendBitmap = BitmapFactory.decodeStream(ctx.getA
浏览 0
提问于2012-11-26
得票数 4
回答已采纳
3
回答
使用
混合
模式
和
背景
混合
模式
时
的
不同效果
、
、
我注意到,在使用mix-blend-mode时,结果与使用background-blend-mode时不同,即使您使用
的
是相同
的
混合
模式
。例如,比较以下两个结果: 我在下面的设置和JSFiddles
中
复制了以下内容: <
div
class="overlay"></
div
>background-colo
浏览 5
提问于2016-12-13
得票数 6
回答已采纳
2
回答
多重
混合
模式
的
应用顺序是什么?
、
我有以下CSS代码: background: url('image-url'), linear-gradient(gradient), url('image-url-2');} 渐变或url
背景
的
位置可能发生变化。我认为这应该对
混合
秩序有任何影响。我
的
问题是,如何应用这些
模式
来计算最终值?浏览器首先在url('ima
浏览 5
提问于2016-02-28
得票数 2
回答已采纳
2
回答
如何在普通UIView (而不是UIImage)上获得倍增
混合
模式
、
、
、
、
我在我
的
iPad应用程序中有一个
图像
,我基本上想在它上面放置一个滤色器。为此,我有一个
彩色
的
UIView,它被遮蔽到我放在
图像
上
的
某个形状上。因为调整alpha没有给我想要
的
效果,所以我想用
混合
模式
代替。 据我所知,你只能在
图像
上使用
混合
模式
,而不能在普通视图上使用。视图
的
颜色
是动态
的
,所以我不能只使用图片。我也尝试过将视图光栅
浏览 4
提问于2013-05-07
得票数 23
2
回答
火狐
混合
模式
错误
、
我目前需要使用
混合
混合
模式
的
一个项目,以乘一个
图像
上
的
黄色
div
。它在铬
中
工作,没有任何问题,但是在firefox
中
,当容器
的
宽度和高度与
图像
相同时,
图像
就会变黑。如果
图像
高出1/4,那么无论如何它都会运行。有人知道为什么会这样吗?谢
浏览 2
提问于2015-06-03
得票数 0
回答已采纳
1
回答
如何使用javascript获得
混合
模式
滚动效果?
、
、
、
我正在寻找一种方法,以改变
背景
的
某个元素
的
背景
色。你可以做什么在css
混合
混合
模式
,但我希望能够设置
颜色
。green; display: block; width:
浏览 0
提问于2019-02-10
得票数 4
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
神奇的 CSS3 混合模式
6个常见的可访问性问题及解决方案
前端福音:为什么使用React和SVG开发图形UI是天作之合?
在这3年开发中遇到的 CSS 问题及解决方案,有大佬帮他总结好了
如何给网站添加暗黑模式
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
云直播
活动推荐
运营活动
广告
关闭
领券