CSS 模糊忽略 z-index
CSS blur ignoring z-index
伙计们！
我正在尝试创建与主屏幕上的 iphone 搜索栏相同的效果。
当您点击我的页面正文时，会出现一个栏，页面的其余部分将变得模糊。现在有一个问题，顶部的白色条应该有硬边框，但底部的.page 模糊了它。我试图更改 z-indexes 但似乎没有解决方案。
有人可以帮我解决这个问题吗？
您的模糊效果正在渗入 header div。给你的 .page 部分 overflow: hidden; 来避免这种情况。
只需在 .page 中添加简单的线条即可避免外部模糊效果：
overflow:hidden;
伙计们！ 我正在尝试创建与主屏幕上的 iphone 搜索栏相同的效果。
当您点击我的页面正文时，会出现一个栏，页面的其余部分将变得模糊。现在有一个问题，顶部的白色条应该有硬边框，但底部的.page 模糊了它。我试图更改 z-indexes 但似乎没有解决方案。
有人可以帮我解决这个问题吗？
您的模糊效果正在渗入 header div。给你的 .page 部分 overflow: hidden; 来避免这种情况。
只需在 .page 中添加简单的线条即可避免外部模糊效果：
overflow:hidden;