Bootstrap - 设置容器的背景

Question

所以例如下面的图片我打字给每个类=“容器”它是单独的背景颜色/图片。

<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;}

如果你在样式表中设置样式，而你的文件夹层次结构是通常的（/〜/＆gt; / img等），那么它应该是：

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

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

Answer 2

对于初学者来说，在同一页面上拥有多个具有相同名称的ID并不是一个好主意。 http://css-tricks.com/the-difference-between-id-and-class/