Html 使用透明雪碧时，给#徽标加背景色？

我目前正在使用图像精灵作为我的徽标，所以当你将鼠标悬停在徽标上时，它会变成红色。 对于HTML，我是这样设置的：

<div id="logo-wrap">
  <a id="logo" href="<?php bloginfo('url'); ?>"></a>
</div>
         ​  

​  

我打算通过添加“logo wrap”div将背景色设置为

#000

，但没有任何变化。但是，如果我添加

background:#000 url（imageurl）

到

一个#徽标

然后出现背景

添加颜色的标志本身不允许我添加填充到黑色背景。这打乱了整个“精灵”的想法

我正试图找到一种方法，以有一个单独的背景为标志，并添加填充约10像素

这可能吗？或者我必须改变HTML和CSS来完成这个任务

小提琴//

---

从你的问题来看，我认为这就是你想要的

将此用于CSS

    #logo-wrap { background: #123; width:176px; height:61px; padding: 10px;}
    A#logo {     width:176px; height:61px; background: url(http://keihead.com/test/images/trd_sprite.png) 0 0 no-repeat; position:relative; float: left;}
    A#logo:hover { background-position: 0 -61px;   }  

---

非常简单！出于某种原因，我从来没有想过增加高度和宽度：（谢谢你指出这一点！没问题。我也花了一秒钟才抓住它。