# iOS 26：键盘可见时模态背景问题

**URL:** <https://meta.discourse.org/t/ios-26-modal-backdrop-issue-when-keyboard-is-visible/387228>\
**Category:** UX\
**Tags:** ios-26\
**Created:** [2025年十月31日 06:29 UTC](https://meta.discourse.org/t/ios-26-modal-backdrop-issue-when-keyboard-is-visible/387228 "2025-10-31T06:29:32Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2025年十月31日 06:29 UTC](https://meta.discourse.org/t/ios-26-modal-backdrop-issue-when-keyboard-is-visible/387228/1 "2025-10-31T06:29:32Z")

</div>

你好 👋

自 iOS 26 起，Apple 更改了键盘的外观 — 它现在是 **半透明的，并带有模糊** 效果。  
因此，当键盘可见时， **模态框从键盘顶部开始** ，键盘后面的区域将保持透明。  
从视觉上看，这并不美观，因为模态框似乎“悬浮”在一个不完整的背景之上。

我认为我们应该在键盘打开时调整模态框背景，使其看起来更自然 — 例如，通过调整背景以在视觉上覆盖键盘区域。

一个快速的 CSS 调整可能如下所示：

```scss
html.ios-device.keyboard-visible {
  .d-modal__backdrop {
    opacity: 1 !important; // 强制设置，因为这是动画
    background: var(--secondary);
  }
}

```

这样，即使在 iOS 键盘可见时，模态框也能保持一致的背景。

---

_[View the full topic](https://meta.discourse.org/t/ios-26-modal-backdrop-issue-when-keyboard-is-visible/387228)._