javascript - Bootstrap3 背景图片不适合 div

Question

我有一个关于背景图片的小问题，我想把它作为我的中央 div 的背景，看图片:

图片需要适合 div 以便文本可以显示在图像的中心，这是一个简单的东西但是由于某种原因我的图像不适合 div，有人可以解释发生了什么并告诉我我该如何克服这个。

背景图片代码:

.central_text{
    width:50%;
    height:50%;
    background: url(../img/circle/new11.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

这是一个 jsfiddle此图像的工作示例。

我使用了 background:url(../img/circle/new11.png) center center no-repeat; 这将使我的图像居中，但只显示它的一部分而不是整个图像。所以我得到了这个:

我想把它变成这样:

Answer 1

参见示例:fiddle

CSS:

.central_text{
 background:url(../img/circle/new11.png) center center no-repeat;
}