0

在过去的几个月里没有代码更改，下拉菜单在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 视频，菜单悬停状态将起作用。如果我把它们放回去，菜单悬停状态会再次失败。

这似乎只是谷歌浏览器（21.0.1180.82）中的一个问题，而且它只是偶尔发生。

我尝试过的事情：

  • 在 iframe 上设置较低的 z-index。
  • 将 iframe 包装在 div 中并向该 div 添加较低的 z-index。
  • 将 ?wmode=transparent 和 opaque 添加到视频 UR1。

有任何想法吗？

4

1 回答 1

0

出于某种奇怪的原因，拥有 CSS3“过渡：所有 .2s 缓入出局；” 在主要项目上，辅助导航下拉菜单破坏了它（但仅在带有 YouTube 视频的主页上。我已将它们更改为“过渡：不透明度 .2s 缓入出局；/过渡：背景色 .2s 缓入-进出；”，世界又一切安好。

奇怪。

于 2012-08-22T16:38:25.747 回答