Tag: rgba

用rgba背景颜色覆盖背景图像: 我有一个background-image的div 。当用户hoverdiv时，我想用rgba颜色（ rgba(0,0,0,0.1) ）覆盖背景图像。我想知道是否有一个单独的解决scheme（即不与多个div，一个图像和一个颜色等）。我尝试了很多东西： <div class="the-div" id="test-1"></div> <div class="the-div" id="test-2"></div> <div class="the-div" id="test-3"></div> 而这个CSS： .the-div { background-image: url('the-image'); margin: 10px; width: 200px; height: 80px; } #test-1:hover { background-color: rgba(0,0,0,0.1); } #test-2:hover { background: url('the-image'), rgba(0,0,0,0.1); } #test-3:hover { background: rgba(0,0,0,0.1); } 看到这个小提琴。我看到的唯一的select是使用覆盖，使用JavaScript预加载，然后使用.the-div:hover { background: url('the-new-image'); } .the-div:hover { background: url('the-new-image'); […]

如何复制PS乘法层模式: 有谁知道使用图像或CSS复制Photoshop的乘法层模式的好方法吗？我正在制作一个缩略图的项目，当你将鼠标hover在他们上面时，会有一个颜色叠加层，但是devise者使用了一个图层集合，我无法弄清楚如何在networking上生成它。我提出的最好的事情是使用rgba或透明PNG，但即使如此，它看起来不正确。

Sass / Compass – 将hex，RGB或指定颜色转换为RGBA: 这可能是指南针101，但有谁写了一个混色，设置一个颜色的alpha值？理想情况下，我希望mixin采取任何forms的颜色定义，并应用透明度： @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( rgb(255,0,0), 0.5 ); //prints rgba(255, 0, 0, 0.5);

是否有可能只改变hover的rgba背景颜色的阿尔法？: 我有一组不同的rgba背景颜色，但相同的阿尔法。是否可以编写一个只改变rgba属性的透明度的CSS样式？代码的一个简单例子： <a href="#"><img src="" /><div class="brown">Link 1</div></a> <a href="#"><img src="" /><div class="green">Link 2</div></a> 和风格 a {display: block; position: relative} .brown {position: absolute; bottom: 0; background-color: rgba(118,76,41,.8);} .green {position: absolute; bottom: 0; background-color: rgba(51,91,11,.8);} 我想要做的是编写一个单一的样式，当<a>hover时改变不透明度，但保持颜色不变。就像是 a:hover .green, a:hover .brown {background-color: rgba(inherit,inherit,inherit,1);}

Sass – 将hex转换为RGBa用于背景不透明: 我有以下的Sass mixin，这是对RGBa例子的一个完整的修改： @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } 我已经申请$opacity确定，但现在我坚持与$color部分。我将发送到mixin的颜色将是HEX而不是RGB。我的例子使用将是： element { @include background-opacity(#333, .5); } 如何在这个mixin中使用HEX值？

用PIL将RGBA PNG转换为RGB: 我使用PIL将用Django上传的透明PNG图像转换为JPG文件。输出看起来破碎。源文件码 Image.open(object.logo.path).save('/tmp/output.jpg', 'JPEG') 要么 Image.open(object.logo.path).convert('RGB').save('/tmp/output.png') 结果两种方式，最终的图像如下所示：有没有办法来解决这个问题？我想有透明背景曾经是白色的背景。解感谢伟大的答案，我想出了以下函数集合： import Image import numpy as np def alpha_to_color(image, color=(255, 255, 255)): """Set all fully transparent pixels of an RGBA image to the specified color. This is a very simple solution that might leave over some ugly edges, due to semi-transparent areas. […]

将RGB转换为RGBA白色: 我有一个hex颜色，例如#F4F8FB （或rgb(244, 248, 251) #F4F8FB rgb(244, 248, 251) ），我想要转换为尽可能透明的 rgba颜色（白色显示时）。合理？我正在寻找一个algorithm，或者至less想法如何这样做的algorithm。例如： rgb( 128, 128, 255 ) –> rgba( 0, 0, 255, .5 ) rgb( 152, 177, 202 ) –> rgba( 50, 100, 150, .5 ) // can be better(lower alpha) 想法？基于Guffa答案的FYI解决scheme： function RGBtoRGBA(r, g, b){ if((g == null) && (typeof r === […]