Question

我正在尝试通过CSS添加三个社交媒体图标。公司徽标通过CSS（images/logo.png）添加到网站。

我通过添加逗号尝试扩展，但这会导致整个徽标消失。

非常感谢任何CSS建议。

更新

有问题的“重复”没有解决我遇到的职位重叠问题。

现在解决了多个图像问题。我现在遇到的唯一问题是将个别链接应用于每个社交媒体按钮。有什么建议吗？

#heading h1 {
    text-align: left;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 92px;
    background:#396ba5 url(images/logo.png) no-repeat 495px 0px;
}

Answer 1

我不知道为什么它不起作用。

将您的代码与此

进行比较

background: 
   url(images/logo.png) 496px 0px no-repeat,  
   url(thingy.png) 10px 10px no-repeat,   
   url(Paper-4.png);

或

background-image: url(images/logo.png), url(ribbon.png), url(old_paper.jpg);
background-repeat: no-repeat;
background-position: left top, right bottom, left top;

或

background: url(images/logo.png) left top no-repeat, url(ribbon.png) right bottom no-repeat, url(old_paper.jpg) left top no-repeat;

Answer 2

除背景图像外，您当前的背景还指定了颜色。在这种情况下，颜色需要是指定的最后一个背景。 Only the last background can include a background color.这样的事情应该有效：

#heading h1 {
    text-align: left;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 92px;
    background: url(images/logo.png) no-repeat 495px 0px,
                url(images/twitter.png) no-repeat 495px 50px,
                url(images/facebook.png) no-repeat 545px 50px,
                url(images/facebook.png) no-repeat 545px 50px,
                #396ba5;
}

相关：https://stackoverflow.com/a/5427455/1590962

将其他图像添加到CSS背景中

2 个答案: