JSFiddle - React, Tailwind, and code Playground

by Viktor Camp

HTML

<html>
<body>

<p>
Background-image size fixed cover which WORKS on iOS and any another mobile device.
</p>

<p>
More info <a href="http://stackoverflow.com/questions/24154666/background-image-size-cover-not-working-on-ios/43058483#43058483" target="_blank">at stackoverflow.com</a>
</p>

<p>
Live demo: <a href="https://www.doklist.com/" target="_blank">at Doklist.com</a>
</p>
</body>
</html>

CSS

body:after{
      opacity:0.6;
      content:"";
      position:fixed;
      top:0;
      height:100vh;
      left:0;
      right:0;
      z-index:-1;
      background: url(https://www.w3schools.com/css/trolltunga.jpg) center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}