Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 隐藏主导航后面的子菜单？_Css_Css Transitions - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 隐藏主导航后面的子菜单？

Css 隐藏主导航后面的子菜单？

css

Css 隐藏主导航后面的子菜单？,css,css-transitions,Css,Css Transitions,我正在尝试创建一个子菜单transition，该子菜单平滑整洁。我在找出解决这个问题的最佳方法时遇到了一些麻烦 我所做的是不显示子菜单，然后“增长”到主nav。如您所见，标题折叠，子菜单不可见 不幸的是，人们不能转换显示属性，因此我一直在尝试一些技术。到目前为止，正如您所看到的，这并不是最优的，子菜单只是位于主nav的顶部 有没有办法将子菜单隐藏在主nav后面，或者有更好的方法 您的链接很好，只需将代码更改为： 只需增加透明度 .submenu { margin-top: -96px;

我正在尝试创建一个子菜单
transition
，该子菜单平滑整洁。我在找出解决这个问题的最佳方法时遇到了一些麻烦

我所做的是不显示子菜单，然后“增长”到主
nav
。如您所见，标题折叠，子菜单不可见

不幸的是，人们不能
转换
显示
属性，因此我一直在尝试一些技术。到目前为止，正如您所看到的，这并不是最优的，子菜单只是位于主
nav
的顶部

有没有办法将子菜单隐藏在主
nav
后面，或者有更好的方法
 您的链接很好，只需将代码更改为：

只需增加透明度


.submenu {
    margin-top: -96px;
    transition: all 0.5s;
    opacity: 0; // fade out the element
}

.dd:hover .submenu {
    margin-top: 12px;
    opacity: 1; // fade in the element
}



像这样？这样^不会转换，这就是为什么我避免使用
display:none