div的背景图像无法正常显示

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

我可以在你的小提琴中看到图像。尝试为它设置一些背景位置，这样就可以得到你正在寻找的那部分图像（或者问题不清楚）。

Answer 2

第二张图片太大了。我添加了background-size: 100%;，然后缩放正确。