CSS实现页面背景图片模糊内容不模糊的方法

发布日期:2019-07-25 19:20:43 作者:何以往事

  • 正文内容
  • 相关推荐

废话不多,看效果图

99.jpg

代码:

<div class="banner_box">
    <div class="banner_bg" style="background: url(img/shouye2_06.png);"></div>
    <div class="banner swiper-container">
       这里面是清晰的内容
    </div>
</div>
.banner_bg{
width:100%;
background-repeat:no-repeat;
background-size:cover;
-webkit-filter:blur(15px);
-moz-filter:blur(15px);
-o-filter:blur(15px);
-ms-filter:blur(15px);
filter:blur(15px);
position:absolute;
left:0;
top:0;
}


搜一下

头像
描述: ღ 我愿用一世阳光换你的微笑 ღ

本文标签:

文章标题:CSS实现页面背景图片模糊内容不模糊的方法

文章链接:https://www.dcqzz.cn/post/782

版权声明:若无特殊注明,本文皆为 何以往事 原创,转载请保留文章出处。

发表评论

电子邮件地址不会被公开。 必填项已用*标注