CSS背景圖片問題

Question

我正在嘗試將此圖像設置為： http : //www.flaticon.com/free-icon/linkedin-logo_34405#term=linkedin&page=1&position=1作為我的背景圖像，但是它不起作用...

解析“背景圖像”的值時出錯。 宣言掉了。

代碼（HTML）：

<div class="linkedin"></div>

代碼（CSS）：

.linkedin {
    display: inline;
    background-image: url(../images/Linkedin(Idle).png);
    width: 16px;
    height: 16px;
}

Answer 1

嘗試這個：

.linkedin {
    display: inline;
    background-image: url('../images/Linkedin(Idle).png');
    width: 16px;
    height: 16px;
}

中間的括號干擾了解析器，並假設圖像在Idle)之后立即結束Idle)

Answer 2

更改display: inline; 帶display: inline-block; ，還添加背景屬性：

.linkedin {
    display: inline-block;
    background-image: url('../images/Linkedin(Idle).png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 16px;
    height: 16px;
}