如何将一些元素置于模糊滤镜/ css效果之上?

时间:2015-07-16 13:28:29

标签: css html5 css3

我们在css中使用模糊过滤器来隐藏访问者在我们网站上的内容。

我们用

做到这一点
#myDiv{        
display:block;
        -webkit-filter: blur(20px);
        -moz-filter: blur(15px);
        -o-filter: blur(15px);
        -ms-filter: blur(15px);
        filter: blur(15px);
        opacity: 0.95;
}

的基本结构

<html>
<div id="myDiv">
    <div id="Element1">
        <div id="ShouldBeVisible">Text</div>
    </div>
</div>

如何在过滤器上显示onyl元素“ShouldBeVisible”?文本的背景应该仍然是模糊效果。

我们目前正在考虑使用图片和z轴播放,但我们希望有一个更优雅的解决方案。任何帮助表示赞赏!

0 个答案:

没有答案