在HTML中,图像始终位于屏幕底部
我是HTML领域的新手,所以这似乎是一个愚蠢的问题 我有一张我一直想放在屏幕底部的图片。因此,基本上,即使你滚动,它也将始终保持在屏幕底部,与屏幕下方的任何其他内容重叠 让图像从底部开始是没有问题的,我只是给了它位置,它工作了,但当你向下滚动时,它最终会从屏幕上滚出来,这是我不想要的 我做了一些谷歌搜索,我发现它应该与页脚有关,但我从来没有让它工作,这就是我为什么来到这里 再次为这个非常基本的问题感到抱歉,但我真的需要这方面的帮助在HTML中,图像始终位于屏幕底部,html,image,footer,Html,Image,Footer,我是HTML领域的新手,所以这似乎是一个愚蠢的问题 我有一张我一直想放在屏幕底部的图片。因此,基本上,即使你滚动,它也将始终保持在屏幕底部,与屏幕下方的任何其他内容重叠 让图像从底部开始是没有问题的,我只是给了它位置,它工作了,但当你向下滚动时,它最终会从屏幕上滚出来,这是我不想要的 我做了一些谷歌搜索,我发现它应该与页脚有关,但我从来没有让它工作,这就是我为什么来到这里 再次为这个非常基本的问题感到抱歉,但我真的需要这方面的帮助 谢谢大家! 您正在寻找粘性页眉/页脚吗?如果是这样,可能会有所帮
谢谢大家! 您正在寻找粘性页眉/页脚吗?如果是这样,可能会有所帮助。请务必查看JSFIDLE链接。您的问题非常模糊,没有代码可供查看或帮助。这就是你被否决的原因 对我来说,这听起来像是你想要在网页底部有一张图片(但不一定是页脚栏)。如果是这种情况,您可以通过将图像位置设置为“固定”来实现此目标,这意味着它不会移动。并将底部和左侧边距(或右侧边距)设置为所需的任意值 在HTML中设置样式:
<img style="position: fixed; bottom:0; left:0;" src="image_location"/>
单独使用CSS文件:
<img src = "image_location"> //html file
//below is the CSS applying to all <img> in the html.
img {
position: fixed;
bottom:0;
left: 0
}
//html文件
//下面是应用于html中所有内容的CSS。
img{
位置:固定;
底部:0;
左:0
}
您是否正在寻找类似的内容请参阅本文:@hmrgv提供的类似示例:Jakker的jsfiddle的扩展。我觉得这听起来更像你想要的: