0

这是一个有点奇怪的解释，但我正在尝试使用表格（我知道，对我感到羞耻）和带有 jQ​​uery 的图像创建一个小的交互式房子。有四个表格单元格，单击时会调整大小以占用所有四个单元格的空间（请参阅链接中的图像以获得更好的想法），但在 IE 中，底部单元格将调整大小，但在它们上方会创建一个奇怪的间隙（请参阅所附图像右侧的屏幕截图）。当单元格恢复到正常大小时（通过单击左侧的楼梯），它们显示正常。

截图：http ://www.dumpt.com/img/viewer.php?file=2d1v0ktgb4m1a6c1lg6h.png

这是正在调整大小的代码：

$('td').click(function(){
  var thisID = $(this).attr('id');
  var thisIMG = '<img src="' + thisID + '.jpg" usemap="#' + thisID + '-map">';
  $(this).animate({'height':'240px','width':'280px'},500);
  $('td').not(this).animate({'height':'0px','width':'0px'},500);
  $(this).html(thisIMG);
});
$('#tableStairs').click(function(){
  $('td').animate({'height':'120px','width':'140px'},500);
  $('td').html('');
});

有人有什么想法吗？

谢谢，

灰

4

0 回答 0