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,如需转载请自行联系原作者


相关文章
|
6月前
|
前端开发 容器
|
4月前
|
前端开发
在vue2的style标签中使用css变量
在vue2的style标签中使用css变量
76 0
|
5月前
|
前端开发 JavaScript UED
css中什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
css中什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
22 0
|
6月前
|
前端开发 开发者
介绍一下标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同的?
介绍一下标准的 CSS 的盒子模型?低版本 IE 的盒子模型有什么不同的?
|
前端开发 API
学习Vue3 第三十三章(css Style完整新特性)
默认情况下,作用域样式不会影响到 <slot/> 渲染出来的内容,因为它们被认为是父组件所持有并传递进来的。
110 0
学习Vue3 第三十三章(css Style完整新特性)
|
7月前
|
Web App开发 前端开发 开发者
如何处理 Hybris Accelerator css style 显示不正确的问题
如何处理 Hybris Accelerator css style 显示不正确的问题
35 0
|
7月前
|
前端开发
CSS3【display: flex;】与【align-content: (wrap 模式下堆栈排列);】的使用
CSS3【display: flex;】与【align-content: (wrap 模式下堆栈排列);】的使用
28 0
|
8月前
|
前端开发 小程序
UniApp 解决 style 绑定 css 变量,支持 var() 使用
UniApp 解决 style 绑定 css 变量,支持 var() 使用
1276 0
|
8月前
CSS3 【display: flex;】与【align-self: 可覆盖父元素设置algin-items;】的使用
CSS3 【display: flex;】与【align-self: 可覆盖父元素设置algin-items;】的使用
44 0
|
9月前
|
前端开发
HTML: css中的display属性
HTML: css中的display属性
45 0