Firefox和IE的CSS兼容性:关于display
2008-01-08 14:48
555 查看
一般情况下,设置对象的display=none/block就可以控制该对象隐藏/显示,但是很多html元素在FireFox下用Block是达不到我们所要求的效果的。
比如对于table元素,要控制td的隐藏与显示,在firefox下则需要使用display=none/table-cell来进行控制
下面是苏沈小雨的文档里的帮助内容:
语法: display : block | none | inline | compact | marker | inline-table | list-item | run-in | table |table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group
参数:
block : CSS1 块对象的默认值。用该值为对象之后添加新行
none : CSS1 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间
inline : CSS1 内联对象的默认值。用该值将从对象中删除行
compact : CSS2 分配对象为块对象或基于内容之上的内联对象
marker : CSS2 指定内容在容器对象之前或之后。要使用此参数,对象必须和:after及:before 伪元素一起使用
inline-table : CSS2 将表格显示为无前后换行的内联对象或内联容器
list-item : CSS1 将块对象指定为列表项目。并可以添加可选项目标志
run-in : CSS2 分配对象为块对象或基于内容之上的内联对象
table : CSS2 将对象作为块元素级的表格显示
table-caption : CSS2 将对象作为表格标题显示
table-cell : CSS2 将对象作为表格单元格显示
table-column : CSS2 将对象作为表格列显示
table-column-group : CSS2 将对象作为表格列组显示
table-header-group : CSS2 将对象作为表格标题组显示
table-footer-group : CSS2 将对象作为表格脚注组显示
table-row : CSS2 将对象作为表格行显示
table-row-group : CSS2 将对象作为表格行组显示
比如对于table元素,要控制td的隐藏与显示,在firefox下则需要使用display=none/table-cell来进行控制
下面是苏沈小雨的文档里的帮助内容:
语法: display : block | none | inline | compact | marker | inline-table | list-item | run-in | table |table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group
参数:
block : CSS1 块对象的默认值。用该值为对象之后添加新行
none : CSS1 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间
inline : CSS1 内联对象的默认值。用该值将从对象中删除行
compact : CSS2 分配对象为块对象或基于内容之上的内联对象
marker : CSS2 指定内容在容器对象之前或之后。要使用此参数,对象必须和:after及:before 伪元素一起使用
inline-table : CSS2 将表格显示为无前后换行的内联对象或内联容器
list-item : CSS1 将块对象指定为列表项目。并可以添加可选项目标志
run-in : CSS2 分配对象为块对象或基于内容之上的内联对象
table : CSS2 将对象作为块元素级的表格显示
table-caption : CSS2 将对象作为表格标题显示
table-cell : CSS2 将对象作为表格单元格显示
table-column : CSS2 将对象作为表格列显示
table-column-group : CSS2 将对象作为表格列组显示
table-header-group : CSS2 将对象作为表格标题组显示
table-footer-group : CSS2 将对象作为表格脚注组显示
table-row : CSS2 将对象作为表格行显示
table-row-group : CSS2 将对象作为表格行组显示
相关文章推荐
- IE和FireFox关于CSS的兼容性
- javascript和css在ie和firefox中关于兼容性问题的解决办法
- CSS在IE与Firefox下的兼容性
- Firefox 和 IE 关于 <input type="file" />宽度兼容性方法。
- IE和Firefox在css,JavaScript方面的兼容性
- CSS:IE,Chrome,Firefox兼容性和CSS Hack
- 关于Firefox和IE下的CSS表现的几个问题和解决方法
- IE与Firefox的CSS兼容性差异整理
- IE和Firefox在css,JavaScript方面的兼容性
- CSS兼容性(IE和Firefox)技巧大全 2
- Firefox和IE的JS兼容性:关于checkbox初始化选中
- CSS:IE,Chrome,Firefox兼容性和CSS Hack
- IE与Firefox的CSS兼容性差异整理
- IE和Firefox在css,JavaScript兼容性分析举例
- CSS对浏览器的兼容性(IE和Firefox)技巧整理
- 非常不错的关于IE与FireFox的js和css几处不同点[转自星火燎原]
- IE Firefox css 兼容性处理
- 微软关于IE、Firefox、Opera和Safari的JavaScript兼容性解决汇编
- IE6/Firefox CSS兼容问题 - 解决IE5/IE5.5/IE6/Firefox的CSS兼容性问题
- 关于IE和Firefox中javascript和css的一些区别 (来自网络)