is there a way to override -webkit-filter: blur in a child element?

css, html, webkit

Solution

I've updated your JSFiddle

    <body>
      <div class="wrap">
        <div class="bgImageContainer"></div>
        <div class="content"> Some text and stuff here</div>
      </div>
    </body>

Unfortunately, you cannot target just the background image in CSS3. The way to do this is to wrap everything as siblings, but the blurred element definitely needs to be a sibling of the non blurred element. Any child of the blurred element will be blurred. Hope this helps!

Problem

I'm trying to have my elements display on top of an image background with blur applied to it. See http://jsfiddle.net/calder12/Yr2zD/ for the reference. ``` <body> <div class="bgImageContainer"></div> <div class="content"> Some text and stuff here</div> </body> ``` Now, i think that the second div should be nested inside the first one. But then the content becomes blurred as well, and i can't find a way to disable blur in the "content" element. Is there a way to do it?

Original source