100%宽度、可滚动高度背景图像html和CSS

100%宽度、可滚动高度背景图像html和CSS,html,css,Html,Css,我正在尝试向一个简单的html页面添加背景图片。图像应以100%宽度显示,并且由于其高于屏幕,应显示一个滚动条,以允许用户滚动至图像底部至页脚。 没有与图像重叠的内容,因为它是包含所有信息的活动海报。 我已经尝试了所有我能在网上找到的“解决方案”,到目前为止没有一个有效 到目前为止,我有: body { margin:0; position: absolute; background-image:url('../img/background.jpg'); back

我正在尝试向一个简单的html页面添加背景图片。图像应以100%宽度显示,并且由于其高于屏幕,应显示一个滚动条,以允许用户滚动至图像底部至页脚。 没有与图像重叠的内容,因为它是包含所有信息的活动海报。 我已经尝试了所有我能在网上找到的“解决方案”,到目前为止没有一个有效

到目前为止,我有:

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

只需使用如下img:

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

.myimg{
宽度:100%;
高度:自动;
}
html,
身体{
填充:0;
保证金:0;
}

那么为什么不是实际的
img
<代码>显示:块;宽度:100%;高度:自动欢迎访问!在这个网站上,你应该尝试自己编写代码。之后,如果你有问题,你可以张贴你已经尝试了一个明确的解释什么是不工作,并提供一个解决方案。我建议你读一个好的问题和答案。另外,一定要带上你的密码并阅读。你的密码在哪里?你尝试了什么,你是如何失败的?理想情况下,您应该提供您尝试过的内容的详细信息,并包括关于失败原因的具体信息,以及错误消息和/或错误输出。因此,这不是一个代码编写服务;最好的问题是那些提供有用信息的问题,这样那些回答问题的人可以引导你设计出自己的正确答案。请把你的问题和遗漏的细节联系起来谢谢,我是个初学者,有时我看不到最简单的解决办法。这占据了我一天中最美好的时光,你的回答拯救了我的夜晚。@Maxim没问题,随时可以问代码相关的问题。如果这解决了您的问题,请接受答案,谢谢!
.myimg {
  width: 100%;
  height: auto;
}

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