这是我页面的链接:http : //mobile.sheridanc.on.ca/~vecanski/
我遇到的问题是高度设置为100%,尽管页面上除了浮动气泡之外什么都没有,但我仍然可以向下滚动并看到淡蓝色。有谁知道为什么我可以向下滚动?我也有渐变效果,这是代码:
background: #4094d1; /* Old browsers */
background: #4a97ce; /* Old browsers */
background: -moz-linear-gradient(top, #4a97ce 0%, #2687cc 22%, #1080cc 48%, #0c0c02 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a97ce), color-stop(22%,#2687cc), color-stop(48%,#1080cc), color-stop(99%,#0c0c02)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4a97ce 0%,#2687cc 22%,#1080cc 48%,#0c0c02 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4a97ce 0%,#2687cc 22%,#1080cc 48%,#0c0c02 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4a97ce 0%,#2687cc 22%,#1080cc 48%,#0c0c02 99%); /* IE10+ */
background: linear-gradient(to bottom, #4a97ce 0%,#2687cc 22%,#1080cc 48%,#0c0c02 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a97ce', endColorstr='#0c0c02',GradientType=0 ); /* IE6-9 */
我不明白的是,即使梯度是可滚动的,为什么梯度也不能一直沿用,为什么它会在页面末尾重新启动?
所以有两个问题:
您可以通过使用浏览器inspect元素解决此类问题,以解决此问题:
去掉 #bubbles
padding:100px 0
要么
添加overflow:hidden
到#container
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句