為什么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. 感謝分享!超級贊!