in due parole vorrei ottenere questo
http://css-tricks.com/frosting-glass-css-filters/
ma con solo css, non certo con una seconda immagine sfocata.

In pratica ho una <img> e un div sovraimpresso coi seguenti attributi
codice:
.post-preview{height: 100%;padding: 20px 36px 36px 36px;
position: absolute;
top: 75%;}
con top:75% in modo che sovrasti solo una parte dell'immagine. C'è modo di realizzare ciò?
La struttura è questa
codice:
<article>
    <div class="article-helper">
        <div class="post-preview">
            <header class="entry-header">
                
        <img width="300" height="429" src="abc.jpg" alt="1364_big" />    
    <h2 class="entry-title">
        <a href="#">Titolo</a>
    </h2>
            </header>    
                        <div class="entry-summary">
                <a href="#" rel=""><p>riassunto</p>
</a>
            
            </div>
    </div>
</article>