CSS翻转 - 背景图像不会居中

【问题标题】：CSS rollover - background image wont centerCSS翻转 - 背景图像不会居中
【发布时间】：2011-07-23 16:38:56
【问题描述】：

我有一个翻转顶部菜单。我试图让我的背景图像（17px x 13px）悬停在中心。我已经尝试了所有背景 css 属性，但似乎没有任何效果。我是不是走错路了？

这是我的 CSS：

#navlist a:hover
{
    color: #fff;
    background-color: #b2b85c;
    text-decoration: none;
    background-image: url(Images/pointer.jpg);
    background-position: center bottom;
    background-attachment: fixed;
}

这是该页面的链接。

http://kerrydean.ca/Grey%20River/greyRiverTemplate2.html

【问题讨论】：

标签： css rollover background-position

【解决方案1】：

我假设您指的是顶部菜单。

尝试将background-repeat: no-repeat; 添加到#navlist a:hover 的CSS 规则中

【讨论】：

谢谢。这有帮助！现在我只需要“指针”显示在中心。对此有什么想法吗？
嗨“背景位置：50% 底部；”可能有用，我之前从未使用过“中心”。
实际上，“center”可能没问题，问题是“A”元素上的内联样式覆盖了外部样式表中的规则：HOME
我最终覆盖了每个链接的 css 规则，因为我无法让它在 css 中居中。在 safari 中看起来不错，但在 Firefox 中就搞砸了……该死的