这是一个创建于 4016 天前的主题，其中的信息可能已经有所发展或是发生改变。
之前设计的一个网站用到了像iOS那样的模糊（导航栏下面的背景图片是模糊的，随着页面滚动变化）。但不知道怎么实现。
今天看到了这个例子： http://codepen.io/ariona/full/geFIK/
炸裂！可以实现了！
今天看到了这个例子： http://codepen.io/ariona/full/geFIK/
炸裂！可以实现了！
 | 1 zhoufenfens 2014-10-18 20:30:50 +08:00 你在逗我？一张模糊的背景图就叫实现了模糊？ |
 | 2 Heracles OP @zhoufenfens "Drag this box to move around" |
 | 3 cst4you 2014-10-18 20:41:39 +08:00 |
 | 4 rock_cloud 2014-10-18 20:44:36 +08:00 虽然有点作弊的赶脚，不过也一种不错的思路 |
 | 5 mittya 2014-10-18 20:51:44 +08:00  1 @zhoufenfens 说的没错，那就是一张模糊背景，作者用了两张图（原图 + 模糊图） 这个有些取巧，但好多就是这样实现的，只不过会稍微高明些，比如用 js 和 html5 的 canvas 来做 比如下面这个，鼠标点图片可显示原图 http://nextday.im/ 还有这个 http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-blur-filter-tutorial/ 这个插件的标题栏 http://vectorflower.com/preview/trans_banner/ 更多的可以 google 下关键词 [ html5 blur ] CSS 的，这个应该达不到你想的那样，不过你可以试试 http://html5-demos.appspot.com/static/css/filters/index.html |
| 6 Heracles OP @mittya 嗯。。。总之以后可以用了 |
| 7 mittya 2014-10-18 20:55:40 +08:00 |
| 8 zhoufenfens 2014-10-19 15:13:54 +08:00 @mittya nice |
Select Language