title: Ensure element is always on top
body: <p>I'm building a very simple Chrome extension that will put a clickable image on top of any <code>youtube.com</code> page.</p>
  
  <p>The image shows up and has its intended click-functionality, but it is layered below any other elements that appear on the page. This is my code:</p>
  
  <pre><code>const linkItem = document.createElement("a");
  linkItem.href="https://www.youtube.com/";
  linkItem.innerHTML = "&lt;img src='https://imgur.com/gBgwnSa.png' title='YouTube Home'&gt;";
  linkItem.setAttribute("style", "position:absolute;top:50px;left:200px;");
  
  document.getElementsByTagName("body")[0].appendChild(linkItem);
  </code></pre>
  
  <p>The position is just a placeholder.</p>
  
  <p>How can I set the image to always appear layered above any other elements of the page (preferably without having to create a CSS style sheet)? I know this is a beginner question, but any help would be greatly appreciated! :)</p>