| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 692 人关注过本帖
标题:div层在IE6上面显示错位,怎么办?怎样设置代码让层在IE6和IE8上面都能够运 ...
取消只看楼主 加入收藏
刘杰明
Rank: 8Rank: 8
来 自:山东大学威海校区
等 级:蝙蝠侠
帖 子:155
专家分:872
注 册:2011-6-20
结帖率:63.64%
收藏
 问题点数:0 回复次数:0 
div层在IE6上面显示错位,怎么办?怎样设置代码让层在IE6和IE8上面都能够运行?
程序代码:
<html>
    <head><title>层的滚动效果</title></head>
<body>
     <style>
#fbtn{
display:none;
overflow:hidden;
border-style:solid;
border-width:1px;
border-color:#e1e1c9
#e1e1c9 #6e6e56 #6e6e56;
padding:1 1 1
1;
width:140px;
height:30px;
}
#fbtn_txt{
position:relative;
}
#fbtn_txt
div{
margin:0auto;
height:30px;
padding-top:11px;
font-size:14px;
font-family:small
fonts;
color:#FFFFFF;
text-align:center;
cursor:hand;
}
#fbtn_mask{
background-color:#005EBB;
position:relative;
width:100%;
height:100%;
}
.bgcolor{
background:#FFFFFF}
.divcolor{
background:#75BAFF}
</style>


<div class="bgcolor"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
          <td height="10" colspan="2" bgcolor="#75BAFF"></td>
          </tr>
        <tr>
          <td valign="top">
          <div id =divcolor class="divcolor">
          <div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>政策法规</div>
<div>政策法规</div>
</div>
</div>
<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>职业标准</div>
<div>职业标准</div>
</div>
</div>
<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>鉴定工种</div>
<div>鉴定工种</div>
</div>
</div>
<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>证书查询</div>
<div>证书查询</div>
</div>
</div>
<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>证书样本</div>
<div>证书样本</div>
</div>
</div>
<div id=fbtn>
<div id=fbtn_mask></div>
<div id=fbtn_txt>
<div>实训基地</div>
<div>实训基地</div>
</div>
</div>
<div id=fbtn>
<div id=fbtn_mask></div>
<div
id=fbtn_txt>
<div>申报流程</div>
<div>申报流程</div>
</div>
</div>
</div></td>
          <td width="90%">加内容</td>
        </tr>
      </table>
        <script>
var current=null;
var t=null;
for(var i=0;i<fbtn.length;i++){
    fbtn_txt[i].style.posTop=-30;
    fbtn_mask[i].style.posTop=-30;
    fbtn[i].index=i;
    fbtn[i].style.display="block";
    fbtn[i].onmouseover=function(){
    if(!current){
        current=this;
        domove(this.index);
    }
    else
    if(current!=this){
        domove(current.index);
        domove(this.index);
        current=this;
    }
}
fbtn[i].onmouseout=function(){
    if(event.toElement==this.parentElement&t==this){
        domove(this.index);
        current=null;
    }
}
}
function domove(num){
    var o=fbtn_txt[num];
    var m=fbtn_mask[num];
    if(o.style.posTop<-60){
        o.style.display="none";
    var t=o.children[1].innerHTML;
    o.children[1].innerHTML=o.children[0].innerHTML;
    o.children[0].innerHTML=t;
    o.style.posTop=-30;
    o.style.display="block";
    if(m.style.posTop>30)
        m.style.posTop=-30;
    else
        m.style.posTop=0;
    }
    else{
        m.style.posTop+=6;
        o.style.posTop-=6;
    setTimeout('domove('+num+')',15);
    }
}
</script></div>
</body>
</html>
代码直接拷贝下去就可以直接运行,但在IE6上面层就显示错位,IE8上面可以。高手们帮帮小弟吧,如果满意的话可以再送100分,谢谢了
搜索更多相关主题的帖子: 怎么办 position relative display hidden 
2011-12-06 08:37
快速回复:div层在IE6上面显示错位,怎么办?怎样设置代码让层在IE6和IE8上面都能 ...
数据加载中...
 
   



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

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