title: set Pseudo Elements content url image
body: <p>i am trying to set data-img as image in pseudo element without success, here is what i have tried so far:</p>
  
  <p>the markup:</p>
  
  <pre><code>&lt;div data-img="http://www.hdwallpapers.in/walls/cute_baby_in_autumn-wide.jpg"&gt;radomPicture&lt;/div&gt;
  </code></pre>
  
  <p>the style:</p>
  
  <pre class="lang-css prettyprint-override"><code>div:before{
      content: url('attr(data-img)');
      position:absolute;
      width:200px;
      height:200px;
  }
  </code></pre>
  
  <p>result broken image: <a href="http://jsfiddle.net/vfPKb/" rel="nofollow noreferrer">http://jsfiddle.net/vfPKb/</a></p>
  
  <p><img src="https://i.stack.imgur.com/ZuK6h.png" alt="enter image description here"></p>