Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在HTML中,图像始终位于屏幕底部_Html_Image_Footer - Fatal编程技术网

在HTML中,图像始终位于屏幕底部

在HTML中,图像始终位于屏幕底部,html,image,footer,Html,Image,Footer,我是HTML领域的新手,所以这似乎是一个愚蠢的问题 我有一张我一直想放在屏幕底部的图片。因此,基本上,即使你滚动,它也将始终保持在屏幕底部,与屏幕下方的任何其他内容重叠 让图像从底部开始是没有问题的,我只是给了它位置,它工作了,但当你向下滚动时,它最终会从屏幕上滚出来,这是我不想要的 我做了一些谷歌搜索,我发现它应该与页脚有关,但我从来没有让它工作,这就是我为什么来到这里 再次为这个非常基本的问题感到抱歉,但我真的需要这方面的帮助 谢谢大家! 您正在寻找粘性页眉/页脚吗?如果是这样,可能会有所帮

我是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的扩展。我觉得这听起来更像你想要的: