Jquery fadeIn和fadeOut不'；不能使用CSS回退的元素

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

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

函数的动画添加到下拉内容时，奇怪的是jQuery没有将实现动画的不透明度添加到下拉内容元素。如果我从CSS中删除

display:block

，并通过jQuery处理元素的隐藏/块，它会突然工作

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

工作动画：

---

不工作动画（使用CSS回退）：

您可以使用可见性：隐藏和可见性：可见；对于css回退。

不透明度的转换会受到无法转换的

显示：属性的负面影响，因此请删除该属性。为什么要使用JavaScript？