Question

们现在！我正在尝试创建与主屏幕上的iphone搜索栏相同的效果。

当您点击我的页面正文时，会出现一个条形图，页面的其余部分将变得模糊。现在有一个问题，顶部的白色条应该有一个硬边框，但在底部，.page的模糊覆盖它。我试图改变z索引，但似乎没有解决方案。

有人可以帮我这个吗？

Answer 1

你的模糊效果正在流入标题div。提供.page部分overflow: hidden;以避免这种情况。

Answer 2

只需在.page中添加简单线条即可避免外部模糊效果：

overflow:hidden;