`
liss
  • 浏览: 844553 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

IE6对display:table-row不支持

阅读更多

http://topic.csdn.net/u/20100707/16/324766d2-985a-4f01-8728-7d0bbd97d86b.html

做表格之间的切换 发现一个问题 切换用的是display的none和table属性
IE6里却不支持display:table属性
如果用display:block或其它的值 就造成表格的原有属性丢失了 更麻烦
有什么办法解决没 不然的话我就剩判断浏览器一法可试了

 

 

IE6对CSS代码:display:table-row不支持。

解决方法,将值改为‘’,就是为空字符串。

比如:

group_tr3.style.display=’table-row’;

改为:

group_tr3.style.display=”;

同时兼容各个浏览器。

 

 

 

 

我在经典上得到的答案
1、外层套个DIV 切换用display="none"和display="block"
2、什么都不套table之间切换用display="none"和display=""

试了一下 切换时display设为空 果然可行 并且不影响表格原来的元素特性
good 受教了

谢谢,我也是碰到这个问题,用其它的都不行,display:block布局又乱了,display:table,IE6又不支持。用这个果然好了,原来只知道display=""和display="block"差不多的,原来还是有区别的。问题解决了,有时间好好研究一下!

 

 

 

 

1. 如果你不嫌麻烦 就在需要隐藏的 TABLE 外套一个 DIV,改用隐藏 DIV 的方式隐藏 TABLE。
2. 用 visibility:hidden; 隐藏,然后用 visibility:visible;显示。但是这有一个问题,用 visibility:hidden; 隐藏后 TABLE 依然在文档流中占据位置, display:none不会,所以,必须设置你要隐藏的TABLE的宽度高度是 0 ,显示的时候还要设置会原宽高。

暂时只想起这两种方法。

<!--End_rbody_66794026//-->

分享到:
评论

相关推荐

    CSS:Table-cell属性的妙用让div也能享受table定位的好处

    在网页设计中,CSS(层叠样式表)是用于控制网页...总的来说,`display: table-cell`属性提供了一种在不使用`&lt;table&gt;`标签的情况下,利用CSS实现表格布局的方法,让开发者在保持灵活性的同时,享受到表格定位的便利。

    div模拟table兼容ie620140424

    5. **IE6特有样式修复**:IE6对CSS的支持有限且存在一些已知的bug,比如盒模型问题。可能需要使用条件注释(`&lt;!--[if IE 6]&gt;...&lt;![endif]--&gt;`)来应用特定于IE6的CSS修复。 6. **jQuery或JavaScript库**:在2014年...

    js style.display=block显示布局错乱问题的解决方法

    // 对支持display: table-row的浏览器执行代码 } else { // 对不支持display: table-row(如IE)的浏览器执行代码 } ``` - **使用空的`display`属性值**:另一种简单且兼容大多数浏览器的解决方案是,将`...

    css布局实例:网页布局的方法

    许多网页设计师都喜欢,将两个或者... 其实有个简单的方法,使用display:table, display:table-row and display:table-cell 就可以实现,而且高度小的容器会自适应那些高度相对较高的,但是IE不支持这个属性,我们先不

    stickyfooter-verticalcenter:HTML + CSS 统一了用于登录和_或其他页面的粘性页脚和垂直居中的内容

    粘性页脚 + 垂直居中 在几个 web 项目中,我们需要开发一个固定的页脚和一个登录屏幕。 考虑到这一需求,编写此代码是为了作为包含此类场景的项目的... display : table-row; height : 100 % ; } . header , . foote

    display 属性规定元素应该生成的框的类型.pdf

    - `table`, `inline-table`, `table-row-group`, `table-header-group`, `table-footer-group`, `table-row`, `table-column-group`, `table-column`, `table-cell`, `table-caption`: 这些值用于创建表格布局。...

    div+css table布局实现代码

    值得注意的是,这种方法适用于那些不支持`display:table`属性的旧版IE浏览器。随着现代浏览器的普及,这个问题已经不再那么突出,因为大多数现代浏览器都支持CSS3的这些特性。然而,考虑到仍然存在一部分用户使用旧...

    用div实现像table一样的布局方法

    本文将介绍一种利用CSS的`display`属性来模拟表格布局的方法,这种方法基于`display:table`, `display:table-row` 和 `display:table-cell`。 首先,我们需要理解CSS的`display`属性。`display`属性用于定义元素的...

    网的效果Style中的Display用法.pdf

    6. `display: table`、`table-row`、`table-cell`等 这些值用于创建类似表格的布局,即使元素不是`&lt;table&gt;`、`&lt;tr&gt;`或`&lt;td&gt;`。它们模仿HTML表格的行为,允许开发者创建响应式的网格布局。 7. `display: compact`、...

    display属性.doc

    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...

    三星9305收索

    display:none}.bdsug-s .bdsug-store-del{display:inline-block}.bdsug-ala{display:inline-block;border-bottom:1px solid #e6e6e6}.bdsug-ala h3{line-height:14px;background:url(//www.baidu.com/img/sug_bd.png...

    unigui0.83.5.820

    - 0000769: UniDBGrid: Row position is ignored if row is immediately changed after a call to Open() - 0000673: UniDBGrid: OnDrawColumnCell event - 0000768: Better "ext\" folder translation - 0000766:...

    css多种方式实现等高布局的示例代码

    【CSS等高布局详解】 ...`table-cell`方法对旧版IE浏览器有较好的兼容性,而`flex`布局则在现代浏览器中提供了更简洁、强大的解决方案。选择哪种方法取决于项目的需求和目标用户群体的浏览器支持情况。

    div+css垂直居中的五种实现方法

    这种方式适用于高度未知的情况,但不支持 IE6 和 IE7。 CSS 示例: ```css div#wrapper { display: table; width: 500px; height: 500px; background-color: #c00; } div#row { display: table-row; } div#...

    用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器

    `实现,但此属性在旧版IE中可能不完全支持,可以考虑使用`display: table-cell;`和`display: table-row;`来进一步模拟表格行为,以增强兼容性: ```css #table ul { display: table; } #table ul li { display: ...

Global site tag (gtag.js) - Google Analytics