fadeIn和fadeOut不适用于具有CSS回退的元素。

Question

我有一个带有下拉选项的普通菜单，它的开发方式如下：

ul > li.dropdown > ul.dropdown-content {
  display: none;
  position: absolute;
  background-color: red;
  min-width: 100px;
}

ul > li.dropdown:hover > ul.dropdown-content {
  display: block;
}

当我尝试将具有fadeIn和fadeOut函数的动画添加到dropdown-content时，奇怪的是，jQuery没有将实现动画的不透明度添加到dropdown-content元素。如果我从CSS中删除display:block，并让jQuery处理元素的隐藏/阻止，它会突然起作用。

有没有一种方法可以让一个元素同时在CSS和jQuery中工作？以便在jQuery未加载或用户禁用javascript时进行后备。

工作动画：Fiddle不工作动画(使用CSS回退)：Fiddle

Answer 1

对于css回退，可以使用visibility: hidden和visibility: visible；。