我正在开始一个新的rails项目并添加了twitter bootstrap(因为我听说过它很好)。这是一个初学者的问题,但是,如何添加跨越页面整个高度/宽度的背景图像而不让twitter-bootstrap的默认顶部和左侧填充阻碍?有没有我没有遇到过的基本设置?如何删除特定页面的填充,但仍然让填充保留在应用程序的其余部分?这种填充物有益吗?
由于
答案 0 :(得分:0)
您可以将背景图像添加到正文中,因为它不会受到填充
的影响body.my-page{
background-image: url('my-image');
height: 100%;
width: 100%;
}
或添加一个absolute
/'固定`定位容器w /全宽&高度并将背景图像应用于该容器。
<div class="bg"></div>
</body>
<强> CSS 强>
.my-page .bg{
background-image: url('my-image');
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
}
.my-page .container{
position: relative;
z-index: 2;
}