title: How can I use other files from another folder in CSS?
body: <pre><code>WebContent
   - image
       - 123.jpg
   - file.css
  </code></pre>
  
  <p>How can I use 123.jpg on file.css? None of the ways that I've found on the internet seem to work. Below are the ways that I've tried that didn't work:</p>
  
  <pre><code>    body {
       background-image: url("image/123.gif");
       background-color: #cccccc;
      }
  
      body {
       background-image: url("/image/123.gif");
       background-color: #cccccc;
      }
  
      body {
       background-image: url("../image/123.gif");
       background-color: #cccccc;
      }
  
      body {
       background-image: url(image/123.gif);
       background-color: #cccccc;
      }
  
      body {
       background-image: url(/image/123.gif);
       background-color: #cccccc;
      }
  
      body {
       background-image: url(../image/123.gif);
       background-color: #cccccc;
      }
  </code></pre>
  
  <p>I've also tried adding the absolute path of the file but it still doesn't work. What should I do?</p>
  
  <p>Even when I use my fonts in fonts folder, it doesn't work. But it works if I put the files outside the folder (the same folder with the .css file that uses the font files)</p>
  
  <p><a href="https://i.stack.imgur.com/F43IV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/F43IV.png" alt="enter image description here"></a></p>