IE7下的css style display的兼容处理

  今天在做一个由js动态控制的div时，出现了一些iE7与iE6不兼容的现像。

    以前在IE6下，一般显示/隐藏某一div时，一般都设置div的style:display=none|block来实现，但今天发现该设置不能在IE7下工作，于是查询了MSDN上的相关资料：

display Attribute | display Property

Sets or retrieves whether the object is rendered.

Syntax

HTML { display : sDisplay } Scripting [ sDisplay = ] object.style.display

Possible Values

sDisplay String that specifies or receives one of the following values. <code>block</code> Object is rendered as a block element. <code>none</code> Object is not rendered. inline Default. Object is rendered as an inline element sized by the dimensions of the content. <code>inline-block</code> Object is rendered inline, but the contents of the object are rendered as a block element. Adjacent inline elements are rendered on the same line, space permitting. <code>list-item</code> Microsoft Internet Explorer 6 and later. Object is rendered as a block element, and a list-item marker is added. <code>table-header-group</code> Table header is always displayed before all other rows and row groups, and after any top captions. The header is displayed on each page spanned by a table. <code>table-footer-group</code> Table footer is always displayed after all other rows and row groups, and before any bottom captions. The footer is displayed on each page spanned by a table.

    最后将display值设为inline，IE7下工作正常。

    本文转自 OldHawk  博客园博客，原文链接：http://www.cnblogs.com/taobataoma/archive/2007/11/20/965801.html，如需转载请自行联系原作者