title: How to add local file as background in CSS?
body: <p>Path for my HTML-file: <code>C:\Users\Name\Documents\Coding\Battleship\index.html</code><br>
  Path for the picture: <code>C:\Users\Name\Documents\Coding\Battleship\Water.jpg</code></p>
  
  <p>I tried to add it as follows:</p>
  
  <pre><code>body {
      background-image: url("file://C:\Users\Name\Documents\Coding\Battleship\Water.jpg") no-repeat center center;
      background-size: cover;
  }
  </code></pre>
  
  <p>However, it is not working. Does anyone know how to solve this issue?</p>