Question

我正在尝试将背景图片添加到简单的html页面。图像应以100％宽度显示，并且当它高于屏幕时，应显示滚动条以允许用户滚动到图像底部到页脚。没有与图像重叠的内容，因为它是包含所有信息的事件的海报。我已经尝试了所有可以在网上找到的“解决方案”，到目前为止还没有工作过。

到目前为止，我有这个：

body {
    margin:0;
    position: absolute;
    background-image:url('../img/background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width:100%;
    height: auto;
}

Answer 1

只需使用这样的img：

<img src="http://placehold.it/1000x1500" class="myimg" />

然后css：

.myimg {
  width: 100%;
  height: auto;
}

html,
body {
  padding: 0;
  margin: 0;
}

DONE。

.myimg {
  width: 100%;
  height: auto;
}

html,
body {
  padding: 0;
  margin: 0;
}

<img src="http://placehold.it/1000x1500" class="myimg" />

100％宽度，可滚动高度背景图像html和CSS

1 个答案: