固定表格行列(expression)在IE下适用
这是一种在IE下适用的固定行列的方法.其具体代码如下: 复制代码 代码如下: !DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN' html head title New Document /title style .FixedTitleRow { position: relative; top: expression(this.offsetParent.scrollTop); z-index: 10; width: 80px; background-color: #FFCC00; } .FixedDataColumn { position: relative; left: expression(this.parentElement.offsetParent.parentElement.scrollLeft); background-color: #E6ECF0; } .FixedColumnAndRows{ position: relative; top: expression(this.offsetParent.scrollTop); left: expression(this.offsetParent.scrollLeft); z-index: 20; width: 80px; background-color: #FFCC00; } td{word-break : keep-all;} /style /head body div table cellpadding=’0’ cellspacing=’0’ bordercolor=’lightgrey’ border='1' tr bgcolor='#FFCC00' td class='FixedColumnAndRows'header/td td class='FixedColumnAndRows'header/td td class='FixedColumnAndRows'header/td td class='FixedTitleRow'header/td td class='FixedTitleRow'header/td td class='FixedTitleRow'header/td td class='FixedTitleRow'header/td td class='FixedTitleRow'header/td td class='FixedTitleRow'header/td td class='FixedTitleRow'header/td td class='FixedTitleRow'header/td td class='FixedTitleRow'header/td /tr tr td class='FixedDataColumn'left/td td class='FixedDataColumn'left/td td class='FixedDataColumn'left/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td /tr tr td class='FixedDataColumn'left/td td class='FixedDataColumn'left/td td class='FixedDataColumn'left/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td /tr tr td class='FixedDataColumn'left/td td class='FixedDataColumn'left/td td class='FixedDataColumn'left/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td /tr tr td class='FixedDataColumn'left/td td class='FixedDataColumn'left/td td class='FixedDataColumn'left/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td /tr tr td class='FixedDataColumn'left/td td class='FixedDataColumn'left/td td class='FixedDataColumn'left/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td /tr tr td class='FixedDataColumn'left/td td class='FixedDataColumn'left/td td class='FixedDataColumn'left/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td /tr tr td class='FixedDataColumn'left/td td class='FixedDataColumn'left/td td class='FixedDataColumn'left/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td td--/td /tr /table /body /html /* 这种固定行列的方式只适用于IE,并且只适用于数据量较少的情况.数据量很多时是非常耗资源的!*/ 您可能感兴趣的文章:Express作者TJ告别Node.js奔向GoNodeJS Express框架中处理404页面一个方式node.js Web应用框架Express入门指南javascript中expression的用法整理nodejs教程 安装express及配置app.js文件的详细步骤NodeJS框架Express的模板视图机制分析Express.JS使用详解
相关文章:
热门推荐
- 当面试官问我ArrayList和LinkedList哪个更占空间时,我是这么答的(面试官必问)
- 1.padding ie 不兼容问题
- 2.浅析NIO系列之TCP
- 3.浅谈ArrayList和LinkedList到底谁更快
- 4.ie6~ie9 hack兼容写法 已测试
- 5.html 滚动条在IE6和IE7中兼容性问题
- 6.IE6不支持opacity半透明 BUG的解决方法
- 7.当多个用户访问同一数据库时会发生的现象
- 8.IE6/7在滚动区域内的标签使用position会飘出这个滚动区域不随滚动条滚动
- 9.在IE6/7/8下识别html5标签(让老式浏览器识别html5)
- 10.通过实例解析chrome如何在mac环境中安装vue-devtools插件