ぼかし背景画像がホバーに

Question

こんにちは親愛なる、開発者、私のポストグリッドを符号化することによって、問題を持つ

Iamはテキストではありません。ホバリング時に背景画像をぼかしたい。しかし、私のテキスト（同じdiv内にもぼかしている）。これに対する解決策はありますか？または、コンテナ内の新しいdivでこの画像を使用しないで、別の方法はありません。

投稿phpの背景画像として、それを維持したい：

<?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
      <div class="article" style="background-image: url(<?php echo the_post_thumbnail_url(); ?>);" onclick="self.location.href='<?php echo get_permalink($leavename = false); ?>'"> 
       <div class="post_info"> 
        <span class="post_cat"><?php the_category(' ') ?></span> 
        <h2 class="post_title"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2> 
        <span class="post_date"><?php the_time('d.m.Y') ?></span> 
       </div> 

      <!-- .article --></div> 

CSS：

.article:hover { 
-webkit-filter: blur(2px); 
} 
.article { 
margin-top: 15px; 
position: relative; 
height: 229px; 
margin-left: 15px; 
margin-right: 15px; 
float: left; 
width: 25%; 
cursor: pointer; 
} 

が私を助けてくれてありがとう、ExotiQ

Answer 1

あなたはできません背景画像をぼかしますが、任意の要素または擬似要素をぼかすことができます

私はあなたの問題を解決するつもりですが、これはかなり良いことをまとめています。 Check out this awnser

あなたを助ける希望！