1

我设法为我的网站添加了自定义背景。我在 bootstrap.css 中更改了正文

body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-image: url("../images/norn-race.jpg");
    background-repeat:no-repeat;
    background-attachment:fixed;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  background-color: #ffffff;
}

我的问题是它没有响应，如果我放大背景会变大，如果我缩小背景会变小，但在不同的分辨率下它应该始终是相同的大小。

我的错误在哪里？

我还应该添加背景仅在左侧和右侧可见。目前我只是使用大背景来覆盖所有内容，这是不必要的，因为我的内容隐藏了 80%。

在左侧和右侧显示图像的正确方法是什么？

4

2 回答 2

2

当您的图像在内容中时，响应式图像工作，也就是 a <img src="" alt="">，而不是设置为 background-image

于 2012-08-17T12:33:55.333 回答
0

检查响应式设计背景大小的背景大小属性

于 2013-05-16T10:44:41.547 回答