当前位置: 代码迷 >> HTML/CSS >> 页面 滚动到背景图片高度时 背景固定解决方案
  详细解决方案

页面 滚动到背景图片高度时 背景固定解决方案

热度:510   发布时间:2012-05-12 15:39:31.0
页面 滚动到背景图片高度时 背景固定
一张背景图片,高度900px.

我想能够见到完整一张图片,而在页面内容超过900时,下面不要出现空白或者重复的图片。
当我们滚动页面到背景图片完整显示后,背景图片便停止滚动,而内容仍然可以。

不知道这样的效果能不能做到?

------解决方案--------------------
能做到。
网上很多资料
------解决方案--------------------
body{ background:url(http://www.baidu.com/img/baidu_sylogo1.gif) no-repeat center center fixed;}
------解决方案--------------------
CSS code

body{
    background:url(图片地址) no-repeat fixed;
    background-size:cover;
} 
  相关解决方案