日期:2013-08-07  浏览次数:21571 次

不断以来关于高度自顺应的问题,确切的说应该是背景自顺应的问题,由于许多规划中,需求将背景随着高度的自动变化而平铺,而过去在网上找到的许多高度自顺应处理方案并没有真正处理背景图自顺应平铺这一难点,这对于追求完满的我来说是个头疼的问题,侥幸的是功夫不负有心人,终于在国外的一个站点上找到了新的两全其美的处理办法,并在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