CSS / JS用于模糊效果背景

Question

我对设计师的想法有疑问。

这意味着当我们悬停到标签＆lt; a＆gt;，标签＆lt; p>进入＆lt; a＆gt;将出现并模糊＆lt;的背景a＆gt; （看起来像iOS7）。 （*）

此代码为（*）

<a href="#" class="contentBox" style="background-image:url(images/ngan-loi-yeu-thuong-2014.jpg);"> 
                <span class="titleMovie">Ngàn lời yêu thương</span> 
                <p class="infoMovie">
                    <span class="nameInfoMovie">Biệt đội gấu mập</span>
                    <span class="spaceGreenColor nameEnglishInfoMovie">Boonie bears, to the rescue</span>
                    <span class="tagsInfo greenTag">HD</span>
                    <span class="tagsInfo orangeTag">2014</span>
                    <span class="tagsInfo redTag">Vi</span>
                    <span class="spaceGreenColor categoryInfoMovie">Phim hoạt hình</span>
                    <span class="imdbInfoMovie">IMDb: 6.5/10</span>
                    <span class="buttonGrey buttonInfoMovie">Xem phim</span>
                    <span class="buttonGrey buttonInfoMovie">Trailer</span>
                    <span class="buttonGrey buttonInfoMovie">Xem sau</span>
                </p>

这是（*）

的css

.infoMovie{
    background-color: rgba(0, 0, 0, 0.79);
    width: 195px;
    height: 310px;
    position: absolute;
    top: -16px;
    padding: 10px;
    border-radius: 2px;
    display: none;
}

.contentBox:hover .infoMovie{
    display: block;
}

但我没有找到解决方案。 不久前，我找到了一种方法，这是blurjs.com，但我不喜欢它。因为他会在背景标签中删除照片＆lt; a＆gt;并保存在浏览器的缓存中，之后，他使用此缓存图像作为＆lt; p>我想如果使用他的方法，我的网络会很慢。

请给我一些解决方法。 谢谢你们！