技术导航网-广招网友投稿收录网站-五湖四海是一家 第八度导航网(www.di8du.com)找网站,找资源就上第八度!
主机名米资源网,小偷娱乐网
当前位置:网站首页 > 资源分享 > CMS教程 > 正文

CSS设置背景图片模糊内容不模糊的解决方法

站长导航 2019-06-16 222 浏览 0 评论

需求:一个div设置了background: url,现在需要使图片背景模糊,div内的文字清晰显示。

解决方法:内容和图片分别置于一个div,通过css设置背景div模糊度,设置内容div绝对位置,实质上是在底层加了一个div,给这个div设置模糊了。

CSS设置背景图片模糊内容不模糊的解决方法 第1张

<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;
}


版权声明:第八度导航网提供优质收录和最新资源文章,请转载请注明出处!您的支持是我们最大的动力!

相关推荐

Typecho炫彩鼠标插件:HoerMouse 增加点击特效
Typecho炫彩鼠标插件:HoerMouse 增加点击特效

今天发现一个Typecho博客炫彩鼠标插件HoerMouse,可以给博客添加个炫酷的鼠标特效插件HoerMouse提供了如下三中鼠标特效fireworks+an...

1周前 (07-24) 站长导航

最新360双端三级分销2.0源码和视频搭建教程

环境要求:演示环境Linux+mysql+PHP5.6+伪静态支持这个程序基本环境要求不是很大,但有的地方还是要注意一下说一下需要的东西:1.主机2.域名3.源码(会给大家打包,包含前后端)4.两个工...

最新谷歌账号注册方法
  • 最新谷歌账号注册方法
  • 最新谷歌账号注册方法
  • 最新谷歌账号注册方法
  • 最新谷歌账号注册方法
使用宝塔面板查看分析网站日志和网站日志
使用宝塔面板查看分析网站日志和网站日志

查看宝塔面板网站日志宝塔面板查看网站日志使用宝塔面板查看网站日志的话,在宝塔面板后台首页左侧选择“文件”,然后在面包屑导航选择www文件夹下的wwwlogs文件...

2周前 (07-19) 站长导航

独立版新狮子鱼社区团购小程序订单问题之Redis配置说明
独立版新狮子鱼社区团购小程序订单问题之Redis配置说明

在宝塔面板里,给PHP安装Redis,微擎很大一部分只支持PHP5.6和PHP7.1如下图微擎搭建教程服务器安全组里开放6379端口,图省事的话端口全开放也可...

3周前 (07-16) 站长导航

savieo是一个多平台视频解析免费下载的网站
savieo是一个多平台视频解析免费下载的网站

这是一款影片视频下载神器–Savieo,这也许是最全的,只需要将影片网址贴上就能下载,YouTube、抖音、Facebook、Instagram、Flick...

3周前 (07-11) 站长导航

实用宝塔面板插件 sitemap生成器(附神马/百度主动推送) v3.1
  • 实用宝塔面板插件 sitemap生成器(附神马/百度主动推送) v3.1
  • 实用宝塔面板插件 sitemap生成器(附神马/百度主动推送) v3.1
  • 实用宝塔面板插件 sitemap生成器(附神马/百度主动推送) v3.1
  • 实用宝塔面板插件 sitemap生成器(附神马/百度主动推送) v3.1
百度网盘链接免登陆高速下载接口网页版教程
百度网盘链接免登陆高速下载接口网页版教程

使用方法:接口地址:http://pan.naifei.cc/?修改了老方法.现在直接复制别人分享的地址就行了比如:http://pan.naifei.cc/?...

4周前 (07-08) 站长导航

百度网盘终于不限速 需手动开启教程
  • 百度网盘终于不限速 需手动开启教程
  • 百度网盘终于不限速 需手动开启教程
  • 百度网盘终于不限速 需手动开启教程
  • 百度网盘终于不限速 需手动开启教程
导航站实用工具网站信息获取接口-标题,关键词 ,描述在线获取api代码
导航站实用工具网站信息获取接口-标题,关键词 ,描述在线获取api代码

本api是本地获取的,可用于域名一键获取标题、关键词、描述等操作,做导航的小伙伴可以看看,使用格式api地址+?url=查询域名~不能加http/https的代...

1个月前 (06-28) 站长导航

取消回复欢迎 发表评论:

请填写验证码