title: Why isn't mix-blend-mode working on the font/text in this CSS?
body: <p>I'm trying to use the CSS <code>mix-blend-mode</code> to make this text dodge over the background image but the css only seems to work on the div's background. I've seen it work on text before so why isn't it working here?</p>
  
  <pre><code>#draggable { mix-blend-mode: color-dodge; }
  </code></pre>
  
  <p>Demo: <a href="http://codepen.io/anon/pen/YyJGzo" rel="nofollow">http://codepen.io/anon/pen/YyJGzo</a></p>