Html CSS：关于菜单悬停的隐藏错误

我的网站导航有问题。当我使用将徽标图像置于菜单上方时，鼠标悬停无法正常工作。更清晰：在菜单上悬停背景不工作，但边框工作。见示例：

以上：

带有徽标：

我想成为什么样的人：

CSS:

及

HTML:

---

您的style.css的第47行有：

body .header4 .bigmenu ul li:hover{ background:none!important; }

移动第41行-

.header4 #topmenu ul li:hover{background:rgba(174, 215, 211, 0.2) !important;border-bottom: 3px solid #2dcb73;} 

到该行下方，然后删除

！重要信息

应该是这样的

body .header4 .bigmenu ul li:hover{ background:none;}
.header4 #topmenu ul li:hover{background:rgba(174, 215, 211, 0.2);border-bottom: 3px solid #2dcb73;}

这是假设您仍然希望删除悬停背景。如果没有，只需删除第47行。

将style.css中的

顶部菜单{float:left；padding top:40px；}

更改为

顶部菜单{text align:center；padding top:40px；}

如果你想给活跃的背景像悬停，那么只需删除你的style.css中的css

.header4 .current-menu-item {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
}

加

.header4 .current-menu-item {
    background: none repeat scroll 0 0 rgba(174, 215, 211, 0.2);
    border-bottom: 3px solid #2DCB73;
}

对活性元素无影响，使

背景：无在您的style.css中类似

.header4 .current-menu-item {
        background: none;
    }

我还检查了网址
在style.css的第67行中，将.css徽标修改为

.logo {
    padding-top: 20px;
    text-align: center;
}

在style.css的第41行，将代码替换为

.header4 #topmenu ul li:hover {
    background: none repeat scroll 0 0 rgba(174, 215, 211, 0.2) !important;
    border-bottom: 3px solid #2DCB73;
}

请制作一个小提琴或附加链接到您的网站。这是唯一的方法吗？因为我在虚拟服务器（WAMP）上工作，所以最好看看Firebug中的情况，至少对我来说是这样。在这段包含3个屏幕截图的代码中，对不起，我找不到错误。您还应该知道，
在HTML5下已被弃用，不应再使用。在浏览器中打开页面，查看源代码并复制并粘贴HTML标题。放置HTML，然后单击“更新”。
.header4 .current-menu-item {
        background: none;
    }

.logo {
    padding-top: 20px;
    text-align: center;
}

.header4 #topmenu ul li:hover {
    background: none repeat scroll 0 0 rgba(174, 215, 211, 0.2) !important;
    border-bottom: 3px solid #2DCB73;
}