html - WordPress 网站中的 CSS 菜单悬停

Question

我有一个网站，我正在尝试修复悬停菜单，您可以看到它没有正确悬停，并且翻转是每个菜单的边框。以及悬停时的最后一个菜单“CONTACT”不适合整个空间，或者我们可以说悬停时它不会在整个空间中翻转。

问题图片：

如何解决这个问题？

Answer 1

嗨，这是你的 CSS 的新部分

#access {
clear: both;
display: block;
float: left;
margin: 0 auto 6px;
width: 90%;
margin-left: 40px;
height: 55px;
border-radius: 8px;
}

#access ul {
font-size: 21px;
list-style: none;
margin: 0 0 0 -0.5em;
padding-left: 0;
border-radius: 8px;
text-shadow: 1px 1px #000;
padding: 0;
height: 55px;
display: block;
width: 100%;
margin: 0;
background-image: url('background-image.png');
}
#access li {
float: left;
position: relative;
border-style: solid;
width: 25% !important;
background-image: url('border-left-image.png');
background-position: right;
background-repeat: no-repeat;
display: block;
}

在第 601 行的http://aaron.wordpresstiger.com/wp-content/themes/custom_theme/style.css中，这是您的问题：宽度：24%（从您的 css 中删除此行）

#access li:last-of-type, li#menu-item-31{
    border-right: none !important;
    width:24% !important;
    background-image:none;
}

#access li:hover:last-of-type, li#menu-item-31{
    border-right: none !important;
    width:24% !important;
    background-image:none;
}

编辑：

添加到您的CSS：

#menu-item-31 a {
    width: 100%;
}