Question

过去几个月没有代码更改，下拉菜单开始在http://weldtite.co.uk/

上表现奇怪

链接背景应在悬停时变为红色，如果有，则会显示下拉列表。应用了在悬停时添加类的jQuery（为了IE6用户的利益）。所以CSS看起来像这样：

.primary-item:hover a,
.active a,
.primary-item:hover span,
.active span {
    background-color: #ed1b2d;
    color: #FFF;
}

.primary-item:hover .secondary-nav,
.active .secondary-nav {
    opacity: 1;
    visibility: visible;
}

这适用于所有内页。

然而，主页上嵌入了YouTube视频。如果我删除了YouTube视频，则菜单悬停状态有效。如果我将它们重新放入，菜单悬停状态将再次失败。

这似乎只是Google Chrome（21.0.1180.82）中的问题，有时只会发生。

我尝试过的事情：

在iframe上放置较低的z-index。
将iframe包装在div中并为该div添加较低的z-index。
为视频URl添加？wmode = transparent和opaque。

有什么想法吗？

Answer 1

出于某些奇怪的原因，让CSS3“过渡：所有.2s轻松进出;”在主要项目上，辅助导航下拉列表打破了它（但仅在带有YouTube视频的主页上。我已将其更改为“过渡：不透明度.2s轻松进出; /过渡：背景颜色.2s轻松 - 进出;“而且一切都在世界上很好。

奇妙。

YouTube嵌入似乎在干扰CSS下拉盘旋

1 个答案: