我的页面中有一个动态生成的表,它由第3方源(它的MLS提要)生成,包含10行,5列。我不能要求更多。我想将它显示为一列,因此,就像一个列表。我已经设法在Firefox,Safari和Chrome上做到了这一点,但是当我在IE中使用它时,我得到的两个效果是:每行中的每个TD元素都像扑克中的一副牌一样重叠,同时保持TR间距 - 或者 - 它将TD和TR全部堆叠成一堆IE垃圾。最后,我在CSS中所做的一切似乎都改变了我的表的宽度或TD宽度。 o.O.开始脱毛战术。
HTML:
...
我正在使用jQuery动态地为其他浏览器中的TD分配新的“top”值,使用for循环,将索引乘以TD高度:
var tCell;
for(var i = 0; i < size; i++) {
tCell = $('td.IDX-showcaseDetails').eq(i);
$(tCell).attr('style', 'top:' + (i * 250) + 'px;');
}
CSS:
(所有浏览器)
table[id^=IDX-showcaseWrapper] {
position:relative;
min-height:1200px !important;
padding-bottom:20px;
z-index:1;
display:block;
}
table[id^=IDX-showcaseWrapper] tr {
position:relative;
}
.IDX-showcaseDetails {
display:list-item !important;
list-style-type:none;
width:480px;
height:275px;
position:relative;
clear:both;
border-bottom:1px solid #5c4a57;
margin-bottom:15px;
padding:0px;
z-index:1;
}