javascript - 在 Bootstrap 网站上放置背景

标签 javascript html css twitter-bootstrap

我正在尝试在这个 Bootstrap 站点上放置一个背景图像:http://rsatestamls.kaliocommerce.com/

但实际情况是,背景是一切的背后。我的意思是,有些内容我想放在背景之上,但背景无处不在。我只是希望它位于一切的侧面和背后,而不是一切之上。

这就是我尝试使用它时的样子:http://i.imgur.com/32cG2bw.jpg

这就是我使用 Bootstrap 的原因……无论如何我都不擅长设计。与其说是设计师,不如说是开发人员。

那么无论如何,关于如何实现这一点有什么想法吗?我正在寻找与此背景类似的影响:gardeners.com

只是因为我不想有大量空白。

我尝试做的是添加:

 background:url("/images/art/AMLRWDBackground.jpg"); 

到 CSS,但这看起来很糟糕。有任何想法吗?我什至不确定从哪里开始。

谢谢。

最佳答案

这样做的方法是将所有内容放在一个框架中,CSS 值为:

#frame {

  background-color: #fff;

}

完成此操作后,将背景添加到正文中,它将按照您的预期工作。

关于javascript - 在 Bootstrap 网站上放置背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19429646/

相关文章:

javascript - 将外部站点加载到 div

javascript - Javascript-如何在HTML页面上创建移动点

javascript - 运行跨多个 grunt.js 文件配置的任务

css - 并排对齐 <div> 元素

javascript - 如何根据内容大小动态调整或调整div的背景图片

html - 不同分辨率下的文本区域位置

javascript - 为图标填充颜色

javascript - 是否可以将相对 URL 提供给 Phantom.js 页面生成器来获取 PDF 渲染?

html - 开发具有离线功能的移动 Web 应用程序的最佳方法

html - 无法关闭 Firefox textarea 中的占位符换行