0

我正在使用 Thematic 开发 WordPress 主题。一切都很顺利，直到我开始使用子菜单。

您可以在此处查看正在开发的站点：http: //yem.synaxistech.net/

好的，这是我的 CSS 问题。如果您转到上面的站点，并将鼠标悬停在“主页”按钮上，您将看到一个子菜单弹出。这正是我希望菜单的外观。

但是，如果您“单击”主页，然后转到该页面 (http://yem.synaxistech.net/?page_id=17)，然后再次将鼠标悬停在同一按钮上，您将看到子菜单按钮有一个他们身后的背景图片，我这辈子都无法摆脱！

这是一张图片：

http://i.stack.imgur.com/SQhwS.jpg

在左侧，您可以看到“正确”的格式，但在右侧，背景出现在特定页面上。它以某种方式被主菜单继承，我似乎无法超越它。

任何人都可以在这里帮助我吗？我花了过去三个小时试图弄清楚这一点，但无济于事。

提前致谢！

4

2 回答 2

2

找到这些样式：

.sf-menu li.current-menu-item a,
.sf-menu li.current_page_item a {
    background-image: url(images/navbutton-hover.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left -2px;
}

有两种方法可以解决这个问题：

方式A： 您可以更换：

.sf-menu li.current-menu-item a,
.sf-menu li.current_page_item a

和：

.sf-menu li.current-menu-item > a,
.sf-menu li.current_page_item > a

或方式 B： 您可以添加以下样式：

.sf-menu li.current-menu-item ul a,
.sf-menu li.current-menu-item ul a {
        background-image: none;
}

菜单结构如下：

  • ul（主菜单）
    • li（主要项目）
      • a（主要项目链接）
      • ul（子菜单）
        • li (子项)
          • a（子项目链接）

所以原始选择器.sf-menu li.current-menu-item a可以选择所有子项链接并导致您遇到的问题。

于 2013-01-21T02:03:21.010 回答
0

转到下面的 CSS 文件：http: //yem.synaxistech.net/wp-content/themes/youreventmatters/style.css

第 144 行，

你看到条目

.sf-menu li.current-menu-item a, .sf-menu li.current_page_item a
{
background-image: url(images/navbutton-hover.png);
background-color: transparent;
background-repeat: no-repeat;
background-position: left -2px;
}

然后从这里删除整个背景属性；）（为了安全，只删除背景图像属性）

于 2013-01-21T01:55:47.937 回答