Css 悬停淡出蓝色

在网上四处查看后，我发现了以下stackoverflow帖子：

为了让下拉列表在消失前保持几秒钟，这看起来是可行的。我查看了链接到的“fiddle”，CSS看起来很简单。但出于某种原因，它对我的代码不起作用。这是代码，我希望有人能指出是什么阻止了fiddle解决方案的工作。多谢各位

丹尼尔

#nav{z-index:200；位置：相对；溢出：隐藏；宽度：100%；颜色：#fff}
#导航ul{填充：0；边距：0；列表样式：无}
#导航ul{显示：块！重要}
#导航ul:before，#导航ul:before{content:；display:table}
#导航ul:在{clear:tweet}之后
#导航li{显示：块}
#导航li a{显示：块；颜色：#b0；字体大小：.875em；线条高度：1.28571em；字体重量：700；轮廓：无}
#导航李娜：焦点，#导航李娜：悬停{颜色：蓝色；背景：rgba（255255,0.1）}
#nav li.is-active a{color:red}
#导航li ul{位置：绝对；宽度：自动；左侧：-999em}
#导航li：悬停ul{左：自动；显示：块；背景：#F2F2F2；字体系列：'Times New Roman'，serif}
导航ulli：悬停ul{显示：块；宽度：400px；填充：5px；高度：自动}

您需要发布您的标记，以便我们对该问题有详细的了解。感谢您的回复。这里有一个指向服务器上测试页面的链接。在第一段中，我解释了我在尝试什么。注：有问题的菜单仅适用于768px以上。