渐变背景有粘稠页脚

我想要的梯度添加到主体背景从白色开始,并在页面底部灰色结束。 由于该页面有一个粘页脚,当含量比在浏览器窗口越大,身体不伸展/与内容展开。 所以梯度在中途停止。 是否有人可以帮忙吗?

HTML:

<html> <body> <div class="content"> </div> <div class="footer"> </div> </body> </html>

CSS:

html { height:100%; } body { height:100%; background: -moz-linear-gradient(top, #fff 0%, #d5d6db 100%); } .content { min-height: 100%; } .footer { height: 55px; }

--------------解决方案-------------

背景附件:固定;

添加到您的身体CSS。

在一个侧面说明,你可能已经知道了,但是: background: -moz-linear-gradient(top, #fff 0%, #d5d6db 100%);无法在IE浏览器。 此属性仅适用于基于Mozilla浏览器。

跨浏览器的CSS渐变... http://webdesignerwall.com/tutorials/cross-browser-css-gradient

你只需要htmland身体CSS设置为自动并从身体背景渐变的大小 - 看到:http://jsfiddle.net/ZqkY7/

分类:粘页脚 时间:2012-01-01 人气:0
本文关键词: CSS,粘页脚
分享到:

相关文章

  • 用CSS粘页脚问题 2014-11-12

    我想实现一个CSS粘页脚. 这个问题是存在的是延伸超出其容器引起滚动条是不希望和背景图像挂断页股利不延伸到文档的整个高度内容DIV. 这里是我的HTML: <div id="page"> <div id="header"> <dl> <dt>Header links -</dt> <dd><a href="#">link 1</a></dd>

  • CSS粘页脚使得滚动条在IE 8 unscrollable 2012-08-09

    我用在我的网站这个粘页脚:http://www.cssstickyfooter.com/using-sticky-footer-code.html 它在火狐,Chrome,IE7完全工作,但不是IE8. 在IE8滚动条显示,但不工作了,我没有任何其他的方式向下移动. 我使用的是出现在网络条件语句: <!--[if !IE 7]> <style type="text/css"> #wrap {display:table;height:100%} </styl

  • HTML,CSS - 粘页脚显示在屏幕上的内容调整大小 2013-10-03

    请参考我的网站[删除] 我的页脚显示在视口的末日,因为预期. 当屏幕垂直调整的页脚都重叠在它上面. 这怎么可能避免? --------------解决方案------------- 看看这个粘页脚教程. 下面的代码应该是你所需要的. * { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -142

  • CSS粘页脚| 页脚没有一个固定的高度 2014-12-21

    我从http://www.cssstickyfooter.com/实施的粘页脚多次. 唯一的问题是,在页脚具有固定的高度. 是否有一个纯CSS的解决方案,让页脚根据里面的内容,以发展壮大? 一个JS的解决方案不会是坏,但CSS是最好的. 在此先感谢您的帮助. --------------解决方案------------- 我会鼓励你(为简单起见)只使用cssstickyfooter代码,并通过JavaScript设置CSS值(jQuery代码如下). $(function(){ var foot

  • 绝对定位和css粘页脚 2012-02-17

    这里是我的问题,我使用的具有粘性的页脚(使用cssstickyfooter.com法)的布局. 我的容器div里面我有了它内部的其他四个div的内容股利. 像这样: <div class="container"> <div class="content"> <div id="1"></div> <div id="2"></div> <div id=&

  • 无法摆脱利润率之下CSS粘页脚 2013-09-28

    我使用的是这里所描述的CSS粘滞页脚技术,并有几分它的工作. 问题是,在大多数我的网页它的广告一个额外的20像素的保证金或填充在最底层,我无法找到的地方来自. 这是一个没有边际. 在这里, 它与利润率. 在如何到它说,一些额外的利润率可能会由其他元素继承. 但我不能追捕罪犯. 任何人都可以看到我的两个示例页面上进行不同的,或者更好的是,如何解决它? --------------解决方案------------- .UI,日期选择器{显示:无}? (这是隐藏的日期选择器的div底部.你必须好歹隐藏

  • 没有滚动条的CSS粘页脚 2012-09-12

    怎么做才能避免滚轮带有粘性的页脚到页面(而不是窗口的底部)的底部? 当我从内容和侧边栏删除高度= 100%,我没有更多的得到卷轴. 但是,这样做的时候,我的内容和侧边栏不填写的所有空间下降到页脚. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

  • 在一个asp.net页面的CSS粘页脚 2013-09-14

    我想创建一个页脚坚持到页面底部. 我有: <body> <form id="form1" runat="server"> <div id="wrap"> <div id="content"> <uc2:logo ID="logo1" runat="server" /> </div> </div> <

  • 有没有跨浏览器CSS-只粘页脚W3C有效的CSS和语义X / HTML? 2014-08-15

    是否有任何跨浏览器的CSS粘页脚W3C有效的CSS和语义X / HTML? IE浏览器:6,7,8 火狐:所有版本 Safari浏览器:在Windows,Mac和iPhone 歌剧:Windows中,移动和Mini 谷歌浏览器:所有版本 黑莓浏览器 --------------解决方案------------- 我用这个和它的作品很好的FF,IE,Safari浏览器,Opera和Chrome浏览器. 不知道黑莓:CSS粘滞页脚 祝所有的这些浏览器! 这一件作品中的大多数人 ,也许所有的,但我不能

  • 粘页脚非静态网页的帮助 2015-02-01

    可能重复: CSS粘页脚 我的页面有内容,其中为用户提交的内容,页面长度增加. 这是用于粘页脚传统设计中的问题,因为他们往往​​粘在原来的位置,并最终只在页的中间浮动代替. 没有人有任何提示或技巧,使粘页脚,将保持下来,即使内容放大页面大小的底部? 提前致谢. 感谢AlienWebguy ......看着我的网页的strucutre后,我们想出了添加一个clear: both要固定它一个标准的页脚CSS. --------------解决方案------------- 编辑:这是不是一个真正的"

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.922 (s). 10 q(s)