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

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

站长导航 2019-06-16 301 浏览 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;
}


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

相关推荐

php代码公众号链接获取文章标题-封面图-摘要-作者-公众号名称-简介-微信号-正文

php公众号链接获取文章标题、封面图、摘要、作者、公众号名称、简介、微信号、正文代码如下://设置 headerheader("Content-type:application...

杰奇网站搬家需要打包files文件夹吗

杰奇网站搬家需要打包files文件夹吗?很多站长会有这个问题,files文件夹太大了搬家极不方便,就想着偷懒不打包这个文件夹到新服务器,结果发现新服务器建的站小说打开提示“文章不存在”。搬家是需要把f...

杰奇模板文件为什么都带有一个sql文件?

17模板网制作的杰奇模板文件中为什么都带有一个.sql文件?这个文件还要到后台执行,安全吗?每个杰奇模板都有对应的区块,区块记录在数据库的区块表中,这个文件是就是模板完成后提取出来的区块表结构和数据,...

杰奇1.8安装模板区块不成功,首页区块不显示

如题,安装杰奇1.8模板,已经按照说明在后台执行了17mb.sql文件的SQL代码,但首页区块还是没有反应,查看后台的区块也还是默认的区块没有新增区块。出现了上面这种情况,可以尝试下在数据库管理端ph...

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

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

4个月前 (07-24) 站长导航

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

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

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

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

5个月前 (07-19) 站长导航

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

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

5个月前 (07-16) 站长导航

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

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

5个月前 (07-11) 站长导航

取消回复欢迎 发表评论:

请填写验证码