为什么SuperSlide放到table里面后ie6/7 部分效果失效?

经验证确实存在问题,我们先看代码:

[code lang="html"]
<table>
<tr>
<td>
<div class="box">
<div class="hd"><ul><li>1</li> <li>2</li> <li>3</li></ul></div>
<div class="bd">
<ul><li>信息1</li>...</ul>
<ul><li>信息2</li>...</ul>
<ul><li>信息3</li>...</ul>
</div>
</div>
<script type="text/javascript">jQuery("box").slide();</script>
</td>
</tr>
</table>
[/code]

上述情况,整个效果都放在在table里面,此时会发现 ie6、ie7 没有效果。
经测试发现除了fade效果外,其它效果都有问题。
用调试工具后发现ie6、ie7下,jQuery取不到盒子高度/宽度,暂不知原因。

暂时解决方法:
把调用SuperSlide的js语句放到table外面就可以了,正确如下:

[code lang="html"]
<table>
<tr>
<td>
<div class="box">
<div class="hd"><ul><li>1</li> <li>2</li> <li>3</li></ul></div>
<div class="bd">
<ul><li>信息1</li>...</ul>
<ul><li>信息2</li>...</ul>
<ul><li>信息3</li>...</ul>
</div>
</div>
</td>
</tr>
</table>
<script type="text/javascript">jQuery("box").slide();</script>
[/code]

终极解决方法:不要用table布局,用div布局不存在这个问题。都什么世纪了,还用table布局?

此条目发表在 SuperSlide常见问题 分类目录。将固定链接加入收藏夹。

为什么SuperSlide放到table里面后ie6/7 部分效果失效?》有 4 条评论

  1. 都 社么世纪了还用teble

    数据还是要用表格的,,,

  2. 感谢分享!超级赞!

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>