css代码 背景超出长度屏幕 跟随滚动到图片展示完就不动了

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css代码 背景超出长度屏幕 跟随滚动到图片展示完就不动了相关的知识,希望对你有一定的参考价值。

求问这个效果是怎么做的?
比如一般屏幕都是1920*1080,我的图片是1920*2080,我如何随着屏幕的滚动展示完整个2080的内容,当背景图片的内容展示完之后,背景固定不动。
简单理解就是,当图片没有展示完的时候,背景随着下翻而滚动;当展示完之后,背景固定不动。
多谢各位大神。

参考技术A 你做一个大div标签用放在最底层,把那张大图片以背景放在div里,然后在这个div上面在做其它的。<div style="width:1900px; height:1200px; background:url(bb.jpg);"><h1>aaaaa</h1></div>本回答被提问者和网友采纳 参考技术B style="max-width:100%;"

以上是关于css代码 背景超出长度屏幕 跟随滚动到图片展示完就不动了的主要内容,如果未能解决你的问题,请参考以下文章

CSS 设置的高度超出屏幕高度为啥没出现滚动条

CSS怎样不让图片高度超出屏幕

如何使DIV的高度固定,当超出固定高度时,出现自动滚动条

css 如何固定网页背景,并且自动适应浏览器大小!

html 的背景图片很大,网页显示不完整怎么办

jquery跟随屏幕滚动代码