首页 > 代码库 > Firefox下table单元格td设计relative定位失效解决方案（转）
Firefox下table单元格td设计relative定位失效解决方案（转）
问题描述：
默认情况下，table的单元格td的display为table-cell，在IE 给td设置position:relative，然后给它包含的一个容器使用position:absolute进行定位是有效的，但在FF下却不可以。 但是在IE下，position:absolute的容器的z-index总是比td的z-index低，td层总是在 position:absolute的容器的上面
发生条件：
1. IE6、IE7、IE8和FF浏览器
2. 使用td默认样式，设置td的position:relateve，再给td内的容器设置position:absolute定位
原因分析：
1. 在FF中position:relative要与display:block/inline-block才能生效，display:block/inline-block可以是默认块元素，或是被定义的元素。
2. 而在IE中position:relative除了与display:block/inline-block可以生效外，与display:table-cell、table等都可以
默认情况下，IE中td的position:relative是有效的;<br />
在FF中td的position:relative是无效的<br />
要在FF中使table的position:relative有效，需要同时设置display:block，而IE不用同时设置display:block
另一个解决法：
不要给td加入定位，将td里面的内容加一个div，然后把div定位即可，我觉得这样还好一些，不会引起兼容问题。
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。