以下状况是在IE中会出现, firefox 不会
1. 问题描述:
页面使用table来展现的。 分为两列, 左边是一个导航栏, 右边是一个数据的table. 引入的是Smooth Navigational Menu来做导航菜单。
对应的伪代码是:
<table>
<tr>
<td>导航菜单</td>
<td>数据table</td>
</tr>
</table>
问题来了, 但在导航栏菜单切换时, 数据 table会闪动。 俗话说。 不闪的才是最好的, 研究了一下原因
是因为table是自适应大小的。 但某个td的宽度和高度发生改变时, 另一个td也会随之改变, 看上去的效果就是table在闪动。
2. 解决思路
让数据table浮动起来, 设置CSS style="float:center"
问题解决。
本文介绍了一种解决IE浏览器中Table元素在导航菜单切换时出现闪烁现象的方法。通过浮动数据表格并设置CSS样式,避免了因导航栏变化导致的数据表格尺寸变动,从而解决了闪烁问题。
1万+

被折叠的 条评论
为什么被折叠?



