不透明度后如何获得真实的颜色值

Question

我正在使用 jquery 和 css 来淡化菜单项的背景颜色和不透明度。但是，我想让背景颜色成为实际的 css 背景颜色：

例如：

css background color: #eabf60
real color after .70 opacity: #ECCD85

我想这也很大程度上取决于不透明元素背后的背景...

有什么想法吗？

Answer 1

AFAIK，没有跨浏览器的方式来获取渲染后某个点的颜色。

所以剩下的唯一方法就是模拟这个。获取 CSS 背景颜色和不透明度，然后向上遍历您的父母，直到找到另一个背景条目。

问题：您也无法获取颜色的 RGB 值，只能获取 CSS 字符串。所以如果背景颜色是“蓝色”，你就松了。但大多数时候，您应该得到一个 7 字符的字符串，例如 #ffee00，您可以将其转换为 24 位整数（或从 0 到 255 的 3 个整数）。之后，您可以简单地应用不透明度：

finalRed = parseInt (myRed * opacity + parentRed * ( 1. - opacity ));