Firefox和IE下display兼容性处理办法

    在处理一个表单的时候,发现 在ff和ie下对display的属性(block/none)解释不同,搜索琢磨之,解决方法如下:



    一般在IE下可以使用display=none/block来设定一个元素是否显示，但是在FireFox下用Block是不可用的。
 

  在FireFox则需要使用display=none/table-row来解决，或者使用 display=none/ ，即block位置为空，

比如：

style="display:block"改为style="display:table-row"  或

style="display:"

用js控制的时候 document.getElementById('tagename').style.display= "";(显示)

,document.getElementById('tagename').style.display= "none";(隐藏),

By the Way ,display:inline 在ff下也是不被支持的

附：

语法： 

 
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　将对象作为表格行组显示