Question

如果您将鼠标悬停在此布局中的红色“捐赠”按钮上，您将看到布局已退出。这在Chrome＆amp; Safari比Firefox。

链接有效，但由于nav-1元素上的CSS，按钮会切换到页面上完全不同的位置。我不知道如何只为红色按钮覆盖它。

http://chadairhart.frmboy.com/

感谢您的帮助。杰森

Answer 1

添加规则

position: absolute !important

到

<li id="menu-item-521" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-521">

Answer 2

在样式表中，从

中删除position，top和left

#menu-item-521 {
width: 180px;
background: #FE2E0D;
text-align: center;
position: absolute; //REMOVE
top: 0; //REMOVE
right: 0;  //REMOVE
padding: 0;
margin-left:110px; //ADD
}

添加

margin-left:110px;或其左右。您可能需要调整

Answer 3

将float: left替换为#nav-1 li, #nav-2 li，display: inline-block;替换为文件dynamik-min-4.css

需要帮助覆盖CSS a：悬停

3 个答案: