title: Get true background color of a transparent element that is positioned absolute
body: <p>I have a transparent element like that is positioned absolutely</p>
  <blockquote>
  <p>header {   position: absolute;   top: 0px;   width: 100%; }</p>
  </blockquote>
  <p>... and it's on top of a colored div.</p>
  <p>How do I get the color of the div below of a absolutely positioned transparent div with javascript?</p>
  <p>This is the transparent div (the navbar):
  <a href="https://i.stack.imgur.com/PPWbh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PPWbh.png" alt="enter image description here" /></a></p>
  <p>This is the navbar when you scroll down a little bit:
  <a href="https://i.stack.imgur.com/e831k.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/e831k.png" alt="enter image description here" /></a></p>
  <p>Feel free to ask any questions.</p>