高度自适应与各列背景图自适应延伸之完美解决方…

一直以来关于高度自适应的问题，确切的说应该是背景自适应的问题，因为许多布局中，需要将背景随着高度的自动变化而平铺，而过去在网上找到的许多高度自适应解决方案并没有真正解决背景图自适应平铺这一难点，这对于追求完美的我来说是个头疼的问题，幸运的是功夫不负有心人，终于在国外的一个站点上找到了新的两全其美的解决办法，并在IE和FF中测试通过！

说它完美，是因为它有以下特点：
1、高度自适应
2、各列背景图自适应平铺
3、无论是一列、两列、还是三列。。。都可以轻松控制它们自适应（即各列等高）
4、可以动画显示高度及背景自动填充的过程。当然，你也可以关闭动画功能。
5、它提供了标签级的定义对各列高度填充的方法进行弹性控制。例如，我们可以控制补充的高度位于当前列中最后一个标签
之后。

效果演示：点击本页顶部导航菜单(摇身一变)，然后按F5刷新。页面加载完毕时注意观察左侧边栏的背景填充过程。

Download the script file (p7_eqCols2_10.js)

完整的原文:http://www.projectseven.com/tutorials/css/pvii_columns/index.htm

关键词：

【推荐给好友】【关闭】

最新五条评论

查看全部评论

评论总数 0 条

您的评论

用户名： （新注册） 密　码： 匿名：

·用户发表意见仅代表其个人意见，并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯，提倡就事论事，杜绝漫骂和人身攻击等不文明行为

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有