javascript - 某些 CSS 元素(链接、样式)在悬停时不会打开或加载，直到我单击页面

Question

所以我是一名新手前端开发人员，我有一个为虚构的链式酒店做的副元素。我修改了一个模板，以在单独的 css 文件中包含一些我添加到模板中的元素的自定义样式(例如，导航元素上的下拉菜单)。现在它表现得很奇怪，我不得不双击页面上的很多元素，这很烦人。谁能指出我正确的方向来修复它？我的 javascript 似乎加载正常，模板以前的行为不是这样的。

自己看看—— https://capitalresorts.aerobatic.io/

干杯

Answer 1

该错误是由“.dropdown-backdrop”类被修复引起的。尝试使其相对:

.dropdown-backdrop {
    position: relative;
}

提示:始终使用开发人员控制台检查您的页面。 (F12 或右键单击页面并选择“检查”)让您省去很多痛苦。