| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 538 人关注过本帖
标题:如何解决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
快速回复:如何解决IE7因position:relative属性引起的递归查找导致前台鼠标不停切 ...
数据加载中...
 
   



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

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