IE7下的css style display的兼容处理-阿里云开发者社区

开发者社区> 开发与运维> 正文

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.
block Object is rendered as a block element.
none Object is not rendered.
inline Default. Object is rendered as an inline element sized by the dimensions of the content.
inline-block 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.
list-item Microsoft Internet Explorer 6 and later. Object is rendered as a block element, and a list-item marker is added.
table-header-group 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.
table-footer-group 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,如需转载请自行联系原作者


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章