css tr ie7

CSS tr IE7 兼容性问题

.tr {
display: table-row}

在网页设计中，CSS（层叠样式表）起到了非常重要的作用，其中，tr是table元素中的标签之一，用于表示表格的行。但是，在IE7中，使用CSS的tr样式时会出现兼容性问题。

在IE7中，如果使用类似于以下代码的CSS样式：

.tr {
display: table-row}

那么会发现在IE7中并没有将表格的行以表格的形式呈现出来，而只是以一般块元素的形式呈现。并且，如果再使用其他的表格元素进行搭配，比如td等元素，则会出现相应的样式上的问题。

这个问题的解决方法就是使用IE7专属的Hack策略，将对应的CSS样式进行修改。下面的代码可以实现在IE7中正确地显示表格行的元素：

.tr {
    display: table-row;
    *display: block;
}
    

这里使用了*display属性，表示只在IE7下生效，block则表示元素以一般块元素的方式进行呈现，即表格的行元素可以正确显示。这个Hack策略被广泛使用，适用于其他的CSS样式的Hack修改。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！