Question

无论我尝试什么，我都无法使下拉菜单有所延迟。主导航菜单的其余部分都有不错的延迟。我添加了“ jQuery .dropdown-menu .delay（400）” 并尝试将“转换持续时间：800ms”添加到我可以找到的每个CSS项目中但下拉菜单仍然没有延迟。还有其他人遇到吗？ https://rshweb.pro

bootstrap.mini.css：

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  margin: .0rem .0rem;
  text-align: left;
  list-style: none;
  background-clip: padding-box;
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
}

Answer 1

一种可能的解决方案是使用不透明度和z-index显示和隐藏菜单，例如，将以下内容添加到.dropdown-menu类并删除display：none;。财产

opacity: 0;
z-index: -10;

然后在悬停时，将以下内容添加到.dropdown：hover .dropdown菜单

z-index: 10;
opacity: 1;

这只是快速修复，如果您使用引导程序，则不需要此功能，希望对您有所帮助

下拉菜单没有悬停的延迟。 “ bootstrap4”

1 个答案: