itRef.cn技术参考网站

当前位置: 主页 > CSS >

Table单元格td的position:relative的兼容性

时间:2010-07-06 16:08来源:未知 作者:adm_ref 点击:
问题描述: 默认情况下,table的单元格td的display为table-cell,在IE给td设置position:relative,然后给它包含的一个容器使用position:absolute进行定位是有效的,但在FF下却不可以。 发生条件: 1. IE和FF浏览器 2. 使用td默认样式,设置td的position:rela

问题描述:

默认情况下,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等都可以

实例:


 提示:您可以先修改部分代码再运行

 

(责任编辑:wiwi) 转载请注明 来源于itRef.cn技术参考网站:
顶一下
(3)
60%
踩一下
(2)
40%
------分隔线----------------------------
栏目列表
推荐内容