粗略的CSS等价物似乎使用了设置为multiply的主要标准background-blend-mode属性，并在背景中使用所需的色调颜色作为bg颜色。background-size: 100% 100%; background-blend-mode: multiply;问题是它不能保持图像的不透明度该规范说明了一些自上而下的混合，所以我认为它可能与bg颜色的混合有关，但如果我在图像顶部分层纯色(作为渐变)，它也不起作用。lin
浏览 11提问于2018-01-19得票数 0
回答已采纳
1回答
目前，我不能混合一个PNG图像与CSS渲染的渐变。linear-gradient(to right, red , blue), url(img/water.png);使用渐变时不应用混合模式(以及支持背景混合模式的最新Chrome Canary版本)。但是，当使用纯色作为背景时，如rgb(38, 38, 219) url(img/water.png)
浏览 3提问于2014-11-11得票数 5
回答已采纳
我试图创建一个SVG，其中黑白方块是叠加在图像上使用各种混合模式。我在图片中使用带有feImage原语的过滤器，使其在feColorMatrix中部分透明，并将其与正方形与feBlend混合。normal混合模式的工作方式与我所期望的一样，但multiply没有。我得到的是：
对于与白色相乘(中-下正方形)，我期望它不会点亮图像，不管透明度如何，因为与白色相乘基本上就像
浏览 6提问于2013-08-02得票数 2
回答已采纳
1回答
在悬停时使图像变亮
、、、
我正在设置一个投资组合网页，我希望图像的颜色从标志的50%固体，直到鼠标悬停，这使颜色淡出，并显示正确的图像。有人知道怎么做吗？
浏览 1提问于2014-02-04得票数 0
1回答
我正在重新创建一些Photoshop混合，并尝试使用线性光模式。在Photoshop中，你会有一个100%不透明度的背景层，然后是一个50%不透明度的顶层，它被设置为线性光作为混合模式。我确实找到了关于如何做线性光混合的信息，但它只有在两个层都是100%不透明的情况下才有效。下面是线性光照模式的着色器代码，当两个图层都是100%不透明度时，它会给
浏览 0提问于2012-05-23得票数 3
回答已采纳
3回答
我有一个<div>，它的背景色就在图像前面.我试图使用SVG应用乘法效果，这样div后面的背景图像就可以通过： <filter id="multiply"> </filter>不幸的是，只有坚实的背景颜色正在被改变，而我没有透明度通过背景。这是小提琴：
我
浏览 2提问于2015-07-01得票数 1
回答已采纳
3回答
我注意到，在使用mix-blend-mode时，结果与使用background-blend-mode时不同，即使您使用的是相同的混合模式。比较以下两个结果：
我在下面的设置和JSFiddles中复制了以下内容：
<div class="overlay"></div>CSSbackground-color:green; //toggl
浏览 5提问于2016-12-13得票数 6
回答已采纳
内部阴影效果的混合模式为“相乘”，颜色为“黑色”，不透明度为75%，大小为5px。-webkit-box-shadow: inset 0 0 5px #000000;然而，这并没有考虑到75%的不透明度有没有办法设置不透明度？
浏览 0提问于2013-07-01得票数 0
回答已采纳
我有两个正方形:红色与颜色(255，0，0) 50%不透明度，蓝色与颜色(0，0,255) 50%不透明度和黑色不透明背景。蓝色首先与黑色背景混合： (127.5，0,255) * 0.5 + (0，0，0) * (1 - 0.5) = (0，0,127.5)α= 0.5 +1*(1- 0.5) =1 然后将结果与红色混合：(255，0，0) * 0.5 + (0，0,127.5)
浏览 19提问于2020-06-10得票数 1
回答已采纳
如您所知，CSS不透明属性正在使背景颜色或图像透明。您可以在下面看到不同的不透明度属性，背景颜色:rgba和混合模式属性之间的差异。</div>
<h4>Sample 4</h4>
<p>I'm Original Color</p>
浏览 0提问于2018-05-30得票数 2
回答已采纳
3回答
问题所在在具有不同不透明度级别的HTML上画一笔。不透明度较高的像素应以低不透明度代替像素；否则，像素将保持不变。结果应该类似于。因为您不能用不同的不透明级别来绘制一条路径(如果我错了，请纠正我)，所以我的代码为每个具有不同不透</
浏览 3提问于2014-01-04得票数 1
2回答
试图将photoshop设计“转换”成HTML/CSS代码，并陷入颜色/图像混合问题。在Photoshop设计中，我有如下层次：
现在，理论上我可以交换顺序或层(图像100%不透明度和背景色下面是我要如何包装它们：background image is visib
浏览 0提问于2015-07-19得票数 1
2回答
我正在寻找一种方法，以减少不透明的背景-混合模式。代码中的不透明度同时影响颜色和图像。我希望它只影响混合模式。
浏览 4提问于2020-11-22得票数 0
回答已采纳
我已经尝试了在我的照片编辑软件中的每一种混合模式的颜色，没有运气。也许它比一个数学方程式更复杂？也许他们在叠加之前处理了背景图像？下面是一些参考照片，我曾试图找到一个模式。📷📷
浏览 0提问于2017-05-09得票数 2
回答已采纳
1回答
有许多情况下，设计师给我的psd文件，并有两个层设置与混合模式倍增。而且我总是不能实现这种行为，只是使用不同的颜色作为前视图，不透明度设置为0.5，只是为了模拟这种混合模式的行为。在这里，区段标题不是半不透明的，但它的混合模式设置为Multiply。这是它的实际颜色如果我将自定义视图设置为节标题，并将背景颜色设置为上面的截图，如何使该节视图与UITableView的<e
浏览 0提问于2013-07-17得票数 0
1回答
透明背景在调整图像大小时变为白色
、、、、
<div id="preview"></div>#preview{0层-图像和透明图像是相同的图像，0层图像没有透明度，并与
浏览 4提问于2017-03-13得票数 2
我正在使用OpenGL ES 2.0创建以下场景：我还需要使用"Screen blend“来混合覆盖层和背景纹理。所以我创建了一个混合这两种纹理的着色器，我想我可以使用统一(randomAlpha)来随着时间的推移改变覆盖纹理alpha，并创建一个淡出动画，但是下面的代码做不到这一点，覆盖纹理的不透明度不会改变！我知道有一个“阿尔法混合”，我可以用来混合叠加和<
浏览 6提问于2013-10-16得票数 2
回答已采纳
4回答
我最近了解了rgba在css中设置颜色的方法。我对透明度渠道的技术方面的实际工作感到好奇。例如，如果我将两个单独的标题的值设置为rgba(15、34、160、1)和rgba(15 34、160、0.5)，那么它们被称为具有相同的颜色，但具有不同的不透明度值。
浏览 11提问于2016-03-18得票数 0
回答已采纳
基本上，我希望在背景图像上覆盖web模式，并降低web模式的不透明度，因为，我希望背景稍微可见，现在我快速查看文档，显示如下：
语法上a.要应用于整个对象的统一不透明度设置。在0.0 (完全透明)到1.0 (完全不透明)范围之外的任何值都将夹紧到此范围内。如果对象是容器元素，那么效果就好像容器元素的内容是使用掩码将容器元素的内容与当前背景混合的一样，其中掩码的每个像素的值都是。到
浏览 2提问于2015-06-11得票数 3
回答已采纳
15回答
我在使用引导模式。当模式开放时，默认情况下不改变背景内容的不透明度。中使用document.getElementById("pageContent").style.opacity = "0.5";这是工作的，但无论何时模式关闭，不透明风格仍然保留为pageContent。
浏览 9提问于2015-01-22得票数 63
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
