title: Why you see the header of my website in chrome?
body: <p>I have a header with these properties:</p>
  
  <pre><code>position: fixed;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 20px;
  width:100%;
  height: 45px;
  z-index:100000000000000000;
  </code></pre>
  
  <p><a href="http://regaderamay.es.vu/cumpled" rel="nofollow noreferrer">http://regaderamay.es.vu/cumpled</a></p>
  
  <p>In all browsers it looks good, but in chrome only looks a header height 1px. I think it has to do with the slider images of wallpaper. But do not know how to fix it. Any help? </p>
  
  <p>In Chrome for mac: 
  <img src="https://i.stack.imgur.com/jlYgn.png" alt="enter image description here">
  I highlighted in red is what is left of the header</p>