Question

我的页面顶部有一个菜单。我想在菜单下方显示图像，在图像下方显示文本。我想在css中定义图像，而不是在我的html代码中定义：

background-image: url("https://upload.wikimedia.org/wikipedia/commons/a/a2/Example_logo.jpg") no-repeat;

这是我的css代码：

#big-logo {
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/a/a2/Example_logo.jpg") no-repeat;
    /*border: solid 1px red;*/
    background-repeat:no-repeat;
    background-position: center center;
    height: 100px;
}

这不起作用 - 我定义的图像没有显示。以下是我的问题的模拟：jsfiddle

我的问题肯定是我拥有的其他CSS，但我整晚都在看代码，在StackOverflow上寻找可能的答案 - 无济于事。有人可以指出我做错了吗？

Answer 1

这是你在找什么？

我添加了一张图片并将其放在#home-main div：

中

#home-main {
width: 100%;
margin-right: 0%;
/*float: left;*/
text-align: center;
}

小提琴http://jsfiddle.net/am1z4L6s/2/ 或者您可以在img div中添加<div id="big-logo">，例如http://jsfiddle.net/am1z4L6s/3/。将容器设置为100％宽并与中心对齐。

如何在下方显示带有文本的居中背景图像

1 个答案: