# 如何实现类似 iOS 的半透明模糊标题栏

**URL:** <https://meta.discourse.org/t/how-to-have-an-ios-like-tranlucent-blurry-header/97108>\
**Category:** UX\
**Created:** [2018 年9 月 13 日 10:46 UTC](https://meta.discourse.org/t/how-to-have-an-ios-like-tranlucent-blurry-header/97108 "2018-09-13T10:46:06Z")\
**Posts on this page:** 1\
**Showing post:** 10

<div class="post-metadata">

作者： ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)\
发布日期： [2018 年9 月 15 日 22:53 UTC](https://meta.discourse.org/t/how-to-have-an-ios-like-tranlucent-blurry-header/97108/10 "2018-09-15T22:53:49Z")

</div>

Hey, remember when I said that Chrome didn’t think that backdrop filters were ready to ship yet?

> **[New CSS Attack Restarts an iPhone or Freezes a Mac](https://www.bleepingcomputer.com/news/security/new-css-attack-restarts-an-iphone-or-freezes-a-mac/)**
>
> A new attack has been discovered that will cause iOS to restart or respring and macOS to freeze simply by visiting a web page that contains certain CSS & HTML. Windows and Linux users are not affected by this bug.

> [@](#):
>
> “The attack uses a weakness in the -webkit-backdrop-filter CSS property,” Haddouche told BleepingComputer. "By using nested divs with that property, we can quickly consume all graphic resources and crash or freeze the OS.

---

_[View the full topic](https://meta.discourse.org/t/how-to-have-an-ios-like-tranlucent-blurry-header/97108)._