0

我的导航栏上的每个列表项都显示了一个图像，问题是我不能使用 10px 的填充，我的浏览器会认为列表项需要左边的填充而不是我的背景图像。

有没有办法可以从 #menu li a 选择器中减去 background-image 属性，而不会影响我页面上的其他 background-image 属性？

#menu li a{
    display:block;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;

    color:#ffffff;

    text-decoration:none;

    background-color: #376596;

    padding-top:2px;
    padding-left: 20px;
    padding-bottom: 2px; 

    background-image:url('http://images.subeta.net/smilies/6398_emoticon_smile.gif');
    background-repeat:no-repeat;
}

你可以在这里观看我的完整代码

我一直在网上寻找解决方案，但我的英语不足以搜索我的问题，因为我不知道我应该问的单词/术语我还是个菜鸟。

4

2 回答 2

1

您不能在背景图像上使用填充。您可以像这样定位图像：

background-image:url('http://images.subeta.net/smilies/6398_emoticon_smile.gif') no-repeat 5px 0px;

它现在将从左侧定位 5px，从顶部定位 0。哦，删除background-repeat:no-repeat

于 2013-05-04T16:09:02.460 回答
0

只需尝试背景位置。

menu li a{
background-position:10px 0px;
}
于 2013-05-04T16:23:40.307 回答