标题:如何解决IE7因position:relative属性引起的递归查找导致前台鼠标不停切换繁 ...
只看楼主
kira007
Rank: 2
等 级:论坛游民
帖 子:294
专家分:27
注 册:2007-6-28
结帖率:50%
 问题点数:0 回复次数:0 
如何解决IE7因position:relative属性引起的递归查找导致前台鼠标不停切换繁忙状态?
初始布局如下
<div class="SubjectTab BlueTab" style="overflow:hidden; ">
    <div class="TabPartItemA"></div>
    <div class="TabPartItemB"></div>
    <div class="TabPartItemC"></div>
    <div class="TabPartItemD"></div>
    <div class="TabPartItemE"></div>
</div>

在IE7 中 如果 子元素中使用了 *position:relative;其父级元素也要使用 *position:relative; 才能得到想要的效果。
如上面的布局 因为 其中一个 TabPartItemA 内部元素 使用了 *position:relative,所以TabPartItemA 也要加入这个属性。
因为所有TabPartItem是并列的而且必须要在SubjectTab 元素内部,所以SubjectTab 和 TabPartItemA -E 都要加入*position:relative才能得到并排效果。
最终布局属性为
<div class="SubjectTab BlueTab" style="overflow:hidden;  *position:relative">
    <div class="TabPartItemA" style="*position:relative"></div>
    <div class="TabPartItemB" style="*position:relative"></div>
    <div class="TabPartItemC" style="*position:relative"></div>
    <div class="TabPartItemD" style="*position:relative"></div>
    <div class="TabPartItemE" style="*position:relative"></div>
</div>
现在问题来了
当我使用JS 为 SubjectTab 设置高度时,前台页面响应非常慢,并且鼠标不停的切换繁忙状态。
如果我不设置高度又得不到想要的效果,请问如何解决这个问题?
搜索更多相关主题的帖子: div class position relative hidden 
2011-08-25 12:16



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-348374-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.014847 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved