title: CSS - Text with Blurr Background
body: <p>I've been trying for quite a while to achieve the effect of having the background of a text block to be blurred, to be able to have more readability on the text on top of the pictures.</p>
  
  <p>But I keep getting both the background and text blurred. Now this has to be inline css since I have to put it in each entry.</p>
  
  <p>This is what I'm trying</p>
  
  <pre><code>&lt;div style=  "background:white;  background:rgba(255,255,255,0.5);  filter:blur(4px);  -o-filter:blur(4px);  -ms-filter:blur(4px);  -moz-filter:blur(4px);  -webkit-filter:blur(4px); z-index: -1; padding: 5px;"&gt;
      &lt;p style= "z-index: 1;"&gt;
          Desde hace 17 años Tybso se mantiene fiel a la filosofía de crear piezas únicas hechas 100% a mano pensadas siempre como ese objeto  que  es capaz de unir  y resaltar el modo en que la gente come, vive y celebra alrededor de la comida y la buena cocina!
      &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the <a href="http://tybso.com/quienes-somos/" rel="nofollow">link to see what's happening</a>.</p>