背景圖片不能正常顯示

Question

我有四個的div背景圖像每一個圖像顯示不正常，但我想不出爲什麼

圖片：http://i.imgur.com/isHwrbV.png

我創建的jsfiddle，所以你可以看到整個代碼：http://jsfiddle.net/6bnBc/

HTML：

<li> 
    <a href="#"> 
     <span>Title 2</span> 
    </a> 
</li> 

CSS：

nav ul li a { 
    display: block; width: 120px; height: 120px; 
    background-position: center center; background-repeat: no-repeat; 
} 

nav ul li:nth-child(2) a { 
    background-color: #58ebd3; 
    background-image: url(http://i.imgur.com/isHwrbV.png); 
} 

Answer 1

第二張圖像太大了。我加了background-size: 100%;然後它縮放正確。

Answer 2

我可以看到你的小提琴與圖像。試着爲它添加一些背景位置，這樣你就可以得到你正在尋找的那部分圖像（或者問題還不清楚）。