相关疑难解决方法(0)

我有一组<a>标签具有不同的rgba背景颜色但相同的alpha.是否可以编写单个css样式,仅更改rgba属性的不透明度？

代码的快速示例:

 <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>悬停时改变不透明度,但保持颜色不变.

就像是

a:hover .green, a:hover .brown {background-color: rgba(inherit,inherit,inherit,1);}

假设我有一个带有"色带"的背景色,并以另一种纯色在其上面运行.现在,我希望色带部分透明,让一些细节融合,但仍然保持色带在背景上的"相同颜色".

有没有办法(轻松)确定,对于给定的不透明度/ alpha <100%的色带颜色,它应该与背景上100%不透明度的颜色相同的RGB值是什么？

这是一张照片.背景是rgb(72, 28, 97),功能区rgb(45, 34, 70).我想要一个rgba(r, g, b, a)用于色带,使它看起来与这种纯色相同.

如何将RGBA颜色元组(例如96,96,96,202)转换为相应的RGB颜色元组？

编辑:

我想要的是在白色背景上获得与RGBA元组最相似的RGB值.

我想要一个CSS插入框阴影出现在容器内部的元素顶部,框阴影,特别是子元素的背景颜色.

演示:http://jsfiddle.net/Q8n77/

<div class="parent">
    foo
    <div class="content">bar</div>
</div>

<style>
.parent {
    box-shadow : inset 0 0 5px 0 black;
}

.content {
    background : #EEE;
}
</style>

有任何想法吗？可以对HTML做任何事情,但需要能够点击,所以没有100%宽度/高度DIV在所有东西之上.

我找到了一个RGB到十六进制转换器,我正在尝试制作RGBA到十六进制转换器.原始rgb2hex功能有效,但新rgba2hex功能没有.我究竟做错了什么？rgba函数返回gba,没有r.

// convert RGB color data to hex
function rgb2hex(r, g, b) {
    if (r > 255 || g > 255 || b > 255)
        throw "Invalid color component";
    return ((r << 16) | (g << 8) | b).toString(16);
}

// convert RGBA color data to hex
function rgba2hex(r, g, b, a) {
    if (r > 255 || g > 255 || b > 255 || a > 255)
        throw "Invalid color component";
    return ((r << …