关于第五屏问题

第五屏最后显示效果有问题，效果图中第五屏背景图显示高度为433px，而老师做出来的效果是背景图总体433px，显示出来的明显小于400px，因为定位为bottom:-100px

慕标0553706 2017-06-29

源自：H5+CSS3+JS实现炫酷网页 3-11 静态页面第五屏以及后续

31

收起

3回答

好帮手慕糖 2017-08-13 16:24:58

你好，实现的方法有很多种，background-size:cover;是其中一个方法，你也可以尝试下其他的方法哟。祝学习愉快~

怎么都被占用了呢 2017-06-30 13:52:21

在课程列表的右边可以下载案例源码的，思路就是：第五屏的最外层盒子设置超出部分隐藏，背景图片通过内部的一个空div引入，使用绝对定位，向下移动100px即可。

怎么都被占用了呢 2017-06-30 10:18:51

是的，因为设置了bottom：-100px，背景图片向下移动了100px，又因为第五屏的大盒子设置了overflow:hidden（超出部分隐藏），所以看起来高度不够了

提问者慕标0553706 #1

那要如何实现？我试了下怎么都没有办法达到效果，高度够的时候，宽度又有问题了

2017-06-30 13:11:18
冬日里的飘雪回复提问者慕标0553706 #2

background-size:cover;设置这个，宽度看起来就可以了，老师无意中设置错了

2017-08-13 00:47:11

相似问题

关于就业班升级版课程

关于第三屏问题

关于第五步和第八步的疑问

这里的右侧导航条在第一屏里随页面滚动，在第二屏就消失了，请指教~

H5视频全屏下如何ESC事件监听？

登录后可查看更多问答，登录/注册

HTML5与CSS3实现动态网页 2018

参与学习 1887 人
提交作业 4643 份
解答问题 5760 个

有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。

本课精华内容

问答作业

请忽略此问答

26 33

公式书写。。

31 19

3-8编程练习哪有问题

47 17

全局变量与函数内的全局变量

119 15

编程练习4-4的问题

111 15

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载