需要帮助覆盖 CSS a:hover [关闭]答案

【问题标题】：Need Help Overriding CSS a:hover [closed]需要帮助覆盖 CSS a:hover [关闭]
【发布时间】：2011-06-23 20:30:35
【问题描述】：

如果您将鼠标悬停在此布局中的红色“捐赠”按钮上，您会看到布局假发。这在 Chrome 和 Safari 中比 Firefox 更糟糕。

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

http://chadairhart.frmboy.com/

感谢您的帮助。杰森

【问题讨论】：

说真的老兄？您在寻求 CSS 方面的帮助，并且向我们提供了一个指向具有缩小的 CSS 文件的页面的链接？您一定不会对寻求帮助感兴趣。
能否请您发布原始相关代码？由于该问题现已在您的网站上得到解决，因此此问题不再有用。
Navigation Button Breaks in IE8的可能重复

标签： css hover

【解决方案1】：

添加规则

position: absolute !important

到

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

【讨论】：

看起来修复了它！非常感谢。我已经使用这个论坛 2 天，并收到了 2 个快速答案。向整个社区致敬。
+1 以我没有想到的方式进行修复。

【解决方案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; 或附近。您可能需要调整

【讨论】：

好吧，这将解决 a:hover 问题，但我想确保按钮被推到可能的最右上角。 kei 将 !important 规则添加到该位置的建议解决了该问题。不过还是谢谢。
真@Jason。调整margin 可以解决这个问题。但是@kei 有一个很好的解决方法。

【解决方案3】：

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

【讨论】：

内联块的支持很差。不是一个好建议。
@stargazer712，你试过了吗？据我所知，IE6不支持。 Jason，你支持 IE6 吗？