在野生动物园中无法单击/悬停在卡中的按钮菜单，而是在Firefox中工作

Question

使用Firefox正确地在卡中使用bootstrap下拉式按钮。但是，当使用Safari（在桌面上）时，菜单的一部分无法徘徊或单击：

<html>
<body>

<main role="main" class="container">
  <div id="content">
    <div class="card-columns">
      <div class="card bg-light">
        <div class="card-body">
          <div class="dropdown">
            <button
                class="btn btn-secondary dropdown-toggle"
                type="button"
                id="dropdownMenuButton"
                data-toggle="dropdown"
                aria-haspopup="true"
                aria-expanded="false">
              Manage
            </button>
            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">

              <a class="dropdown-item" href="#">Link 1</a>
              <a class="dropdown-item" href="#">Link 2</a>

            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</main>

</body>
</html>

当我将其移到卡外时，菜单的工作原理。小提琴是：

https：//jsfiddle.net/kostrykin/tfc0rlea/6/

由于Safari如何处理Z索引和元素定位之类的事情，您面临的问题正在发生。在您的情况下，下拉列表是在。卡中渲染的，而Safari可能会剪切或隐藏下拉菜单。

在野生动物园中无法单击/悬停在卡中的按钮菜单，而是在Firefox中工作

问题描述投票：0回答：1

1个回答

最新问题

在野生动物园中无法单击/悬停在卡中的按钮菜单，而是在Firefox中工作

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1