html - 下拉菜单适用于 Firefox，但不适用于 WebKit

Question

我在我的个人网站上只使用 CSS 和 HTML5(没有 JavaScript)制作下拉菜单。这是:http://davidvalles.cu.cc

如果您使用 Firefox 进入，菜单效果很好(它是一个名为“Secciones”的菜单):当您将​​鼠标放在“Secciones”div 上时，菜单会出现一个过渡。

但是如果你用 Safari 或 Chrome 试试，它会正常工作，除非你把鼠标放在“Secciones”div 下。在这种情况下，菜单将正常出现。在这种情况下，我不希望打开菜单。我只想在您将鼠标放在“Secciones”链接(所有包含 Secciones 文本的框)上时打开它。

我做错了什么？为什么菜单在 Firefox 中可以完美运行，但在 Safari 中却不行？你能看一下吗？谢谢，抱歉我的英语不好，我正在学习。请纠正我:)

Answer 1

你的宽松政策？ “ease”是缓和值吗？

-moz-transition: opacity .25s ease;
-webkit-transition: opacity .25s ease;
-o-transition: opacity .25s ease;
-ms-transition: opacity .25s ease;
transition: opacity .25s ease;