为了账号安全,请及时绑定邮箱和手机立即绑定

网页不管怎么往下划 背景固定不动 怎么做?

/ 猿问

网页不管怎么往下划 背景固定不动 怎么做?

慕村1106498 2017-07-16 16:32:19

不管怎么往下移动,背景就是固定不动,只有内容在动,这是怎么做的?

例如百度首页

http://img.mukewang.com/596b24420001542313660728.jpg

查看完整描述

7 回答

已采纳
?
如果不能解决你的问题丶我会惭愧
background: url('') no-repeat;
background-size: 100% 100%;
background-attachment: fixed;

结合使用。


查看完整回答
3 反对 回复 2017-07-17
?
Seaweed

background-attachment:fixed;

查看完整回答
3 反对 回复 2017-07-16
?
关爱PHP成长协会会长

实现这种方式有很多,你可以按下F12进入开发者模式,查看下他们是怎么做的。

查看完整回答
2 反对 回复 2017-07-17
?
披黑风的猫

这是一个非常简单的css样式,


首先固定定位背景图片设置层级为负数,


之后的所有布局都会在背景图片之上了,无论如何滚动都可以,


具体代码请看下面:


z-index: -1;//设置层级 注意只有在脱离标准文档流的情况下才可以使用

查看完整回答
1 反对 回复 2017-07-17
?
qq_莫非

#body{

width:1250px;height:555px;text-align:left;

background-image:url(images/3.png);

background-repeat:no-repeat;

margin:0 auto;

}


<div id="body">

用一个div标签

查看完整回答
1 反对 回复 2017-07-16
?
fansfans

可以搜索视差滚动,基本就是利用 Seaweed 所说的 background-attachment 来设置,其值为 fixed 的时候,会固定不动。另外可以设置 

backgroun-size: cover;

背景图像会最大限度覆盖整个容器。

查看完整回答
反对 回复 2017-07-16
?
qq_船SQUARE_0

深圳地区,上海地区,大公司内推群:550414357。正式员工学历需全日制本科以上,不限专业,但必须从事计算机工作两年经验以上。待遇16薪起,年薪20W-80W不等。五险一金,带薪年假,过节费,免费下午茶,个人旅游经费,额外项目奖金。应聘岗位有java,架构,产品,运维,安卓,IOS,h5,大数据,测试,等一系列职位。有求职意向岗位可将简历发送至群主邮箱 。邮件格式为:[内部推荐]+应聘公司+姓名+应聘地区+应聘岗位。长期内部推荐,祝大家前程似锦!

查看完整回答
反对 回复 2017-07-16

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信