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 文件夹的级别

Answer 2

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