title: Back slashes being added to background-url in browser
body: <p>I am trying to activate a background image in my custom CSS in Wordpress.</p>
  
  <p>I have pasted it in, but when I inspect the element in Chrome. Back slashes have been added in front and on the end of the url. Meaning the image will not display.</p>
  
  <p>Why are these being added? here is the patch and shown below what is added:</p>
  
  <p>background-image: url(\"wp-content/uploads/2016/01/my-logo-backgroundurl.png\");</p>
  
  <p>Also does the same when I put the full url path in
  background-image: url("<a href="http://example.com/wp-content/uploads/2016/01/my-logo-backgroundurl.png" rel="nofollow">http://example.com/wp-content/uploads/2016/01/my-logo-backgroundurl.png</a>");</p>
  
  <pre><code>@media (max-width: 768px) and (min-width: 475px)
  #header-logo-image {
  position: relative;
  top: -10px;
  left: 0;
  background-image: url("wp-content/uploads/2016/01/my-logo-backgroundurl.png");
  width: 250px;
  height: 100px;
  background-repeat: no-repeat;
  margin: 0 auto;
  }
  </code></pre>