0

好的,抱歉……这是一个基本的 CSS 问题,但它让我发疯。我是自学成才的,所以我确定我只是缺少一些简单的东西。

网站: http: //notes.benadelt.com

徽标图像精灵只是一个主页链接...我正在尝试删除您可以看到破坏图像透明度的背景颜色:

<a class="ben-logo" href="/"></a>

您可以看到 CSS 为该部分中的任何链接提供了浅色背景色,这也将应用于图像精灵。我试图从我的图像中删除该背景颜色,但不是从正文链接中删除,并且无法弄清楚。使用开发工具,我只能使用以下方式影响样式:

header .words a { background: none; }

但这显然会从所有链接中删除背景,因此它也会删除我在精灵中的图像背景。

认为我可以在后台 URL 之后添加一些内容来执行此操作,例如:

background: url(http://www.benadelt.com/notes/wp-content/uploads/2013/04/Ben-Logo-Sprite.svg) none;

当您悬停时,看起来我希望它看起来正常而没有那种该死的背景颜色。

任何帮助,将不胜感激!

4

1 回答 1

1

header .words a.ben-logo { background-color: transparent; }

上面的代码将仅针对徽标链接。通过将背景颜色设置为透明,您可以保持图像本身(以及所有其他背景属性!)完好无损。

编辑:一件事-我相信您已经在该背景图像上设置了透明,因为没有指定颜色(透明是默认设置)。在您的情况下可能发生的情况是声明出现在样式表中的a.ben-logo声明之前,因此它被覆盖了。.words a上面的代码应该修复它的原因是因为额外的类名增加了更多的特异性。这是安迪克拉克的特异性备忘单供您细读: http: //www.stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg

于 2013-04-14T17:33:12.620 回答