# Safari 中的高级搜索下拉菜单错位了

**URL:** <https://meta.discourse.org/t/advanced-search-dropdowns-are-misplaced-in-safari/286853>\
**Category:** Site feedback\
**Tags:** meta-theme-feedback\
**Created:** [2023 年11 月 28 日 15:54 UTC](https://meta.discourse.org/t/advanced-search-dropdowns-are-misplaced-in-safari/286853 "2023-11-28T15:54:50Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

作者： ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)\
发布日期： [2023 年12 月 4 日 19:11 UTC](https://meta.discourse.org/t/advanced-search-dropdowns-are-misplaced-in-safari/286853/3 "2023-12-04T19:11:25Z")

</div>

好发现，这确实是个奇怪的问题。而且只有右侧的栏目出现这种情况。在使用以下 SCSS 代码利用背景图片的任何主题上都会出现这种情况：

```scss

body::before {
  content: "";
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  filter: brightness(var(--brightness));
  background-image: url($blobs-other), url($blobs-yellow), url($blue-wave);
  background-size: 103vw, 103vw, 100vw;
  background-repeat: no-repeat;
  background-position: 50% 125%, 0px 95px, 0px 175px;
  @media screen and (max-width: 1000px) {
    background-attachment: scroll;
  }
  @media screen and (max-width: 800px) {
    background-size: 103vw, 103vw, 200vw;
    background-position: 50% 125%, 0px 95px, 0px 175px;
  }
}

```

我注意到 air 和 graceful 主题上也有这个问题，它们都使用了这种方式。

---

_[View the full topic](https://meta.discourse.org/t/advanced-search-dropdowns-are-misplaced-in-safari/286853)._