html - Bootstrap - 设置容器的背景

Question

例如下面的图片，我正在输入每个 class="container"它是单独的背景颜色/图片。

<div id="p" class="container">
</div>

样式表

p.container {
     background-image: url(img/this_is_top.png) repeat;
}

由于某种原因我在为它设置背景图像*时遇到问题。

Answer 1

关于您目前遇到的背景图片问题

background-image: url(img/this_is_top.png) repeat;

这是错误的。但是您正在考虑遵循以下语法的背景速记 CSS 属性:

#p.container {background:#ffffff url('img/this_is_top.png') no-repeat center center;}

如果您在样式表中设置样式并且您的文件夹层次结构是通常的(/~/>/img 等)，那么它应该是:

#p.container {
     background-image: #ffffff url('../img/this_is_top.png') repeat center center;
}

注意 url 前的双点告诉 CSS 查找 img 文件夹的级别