【问题标题】:Unfixed/dynamic div shall blur the background image behind it未固定/动态 div 应模糊其背后的背景图像
【发布时间】:2016-08-27 18:08:13
【问题描述】:

在我的新网站项目中,我有一个整页背景图片。在此之上,有一个动态 div。此 div 应模糊背景图像。这样就在 div 后面,背景图像是模糊的。我刚刚在互联网上找到了一些固定位置之类的解决方案。但这是我想避免的,因为它是一个完全动态且响应迅速的网站。

我也不想避免背景过滤器,因为它也不受支持。但是我不关心旧的IE等等。如果它可以在现代浏览器中运行,那就没问题了。

简而言之:未固定/动态的 div 会模糊其背后的背景图片。

我知道,很多人问过相关问题,但他们都老了,答案也是。我已经在这个问题上搜索了半个互联网,但找不到现代/动态的答案。我不敢相信没有一个 jquery 技巧或类似的东西可以完成这项工作。

我非常感谢每一个有用的答案!

为了更清楚,我添加了一张图片。在这种情况下,DIV 是动态的。

【问题讨论】:

  • 我们需要查看您的代码来帮助您..
  • @yuriy636 感谢您的评论,但不,我希望它只是动态 div 的部分大小
  • @luissimo 我添加了一张图片以使其更清晰。我不认为我的代码会帮助你,它没有多少 atm

标签: javascript jquery html css blurry


【解决方案1】:

通过这个很棒的教程和对 CSS 的一些更改,我做到了:

http://jordanhollinger.com/2014/01/29/css-gaussian-blur-behind-a-translucent-box/

而且全部都是 CSS!

【讨论】:

    猜你喜欢
    • 2018-04-24
    • 1970-01-01
    • 2023-01-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-28
    相关资源
    最近更新 更多