Question

我在WordPress博客中使用了二十四个主题。

这是一个仍处于开发阶段的旅游博客......但不要介意内容。

无论如何，我在主菜单上有一个子菜单。

该网站是： http://www.journeywithandrew.com/

所以，如果你滚动浏览＆＃34; WORLD HERITAGE SITES：REVIEWS＆amp; INFO＆＃34;在菜单上，您将看到一个子菜单，其中包含两个项目：＆＃34;地图视图＆＃34;和＆＃34;列表视图＆＃34;

我的问题是：我在主菜单上使用css缓动背景效果，当您将鼠标悬停在菜单项上时可以看到。但是，子菜单不会轻松 - 它只是出现。

我希望子菜单也能轻松匹配主菜单的过渡时间（0.3s）

有什么想法吗？我尝试使用chrome的开发工具将CSS代码插入到某些地方，但没有任何效果。

谢谢！

代码：

a {
  -o-transition:color .3s ease-out, background .3s ease-in, border .3s ease-in-out;
  -ms-transition:color .3s ease-out, background .3s ease-in, border .3s ease-in-out;
  -moz-transition:color .3s ease-out, background .3s ease-in, border .3s ease-in-out;
  -webkit-transition:color .3s ease-out, background .3s ease-in, border .3s ease-in-out;
  transition:color .3s ease-out, background .3s ease-in, border .3s ease-in-out;
}

Answer 1

转换属性不支持

属性属性auto一个不错的选择是使用不透明度

    .primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul{
      opacity:1;
    }

    .primary-navigation ul ul{
     transition:all 0.3s ease 0s;
     opacity:0;
    }

轻松转换子菜单

1 个答案: