javascript - 获取绝对定位的透明元素的真实背景颜色

Question

我有一个绝对定位的透明元素

标题{位置：绝对；顶部：0px；宽度：100%；}

...并且它位于彩色 div 之上。

如何使用javascript获取绝对定位的透明div下面的div的颜色？

这是透明的 div（导航栏）：

这是您向下滚动一点时的导航栏：

随意问任何问题。

标签： javascripthtmlcss

Answer 1

听起来您必须实际捕获“屏幕截图”并查看最终呈现页面的方式。据我所知，这是唯一的方法。

基本上，您需要检查单个像素的渲染颜色。不知道为什么要这样做很关键，这是否必要。

实现此目的的一种方法是使用https://html2canvas.hertzen.com之类的东西来截取渲染页面的屏幕截图，将其放入<canvas>元素中，然后一旦有了，检查您知道的像素的颜色在标题内；查看https://jsfiddle.net/ourcodeworld/8swevoxo/以获取示例。