| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1545 人关注过本帖
标题:div层在IE6和IE8上面不兼容,IE6上面显示错位,怎么办?
只看楼主 加入收藏
刘杰明
Rank: 8Rank: 8
来 自:山东大学威海校区
等 级:蝙蝠侠
帖 子:155
专家分:872
注 册:2011-6-20
结帖率:63.64%
收藏
 问题点数:0 回复次数:3 
div层在IE6和IE8上面不兼容,IE6上面显示错位,怎么办?
程序代码:
<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>

如果
#fbtn{
display:none;
overflow:hidden;
border-style:solid;
border-width:1px;
border-color:#e1e1c9
搜索更多相关主题的帖子: 怎么办 position relative display hidden 
2011-12-05 18:35
刘杰明
Rank: 8Rank: 8
来 自:山东大学威海校区
等 级:蝙蝠侠
帖 子:155
专家分:872
注 册:2011-6-20
收藏
得分:0 
有点生气了啊,之前写的很详细,却说什么题目不明确,不让我发表,害的我重打了好几遍代码,真服了!
高手只看<html></html>的代码就好啊,直接拷贝出去就能运行,但在IE6当中层出现错位了,我觉得主要是<script>中没写关于浏览器兼容的代码(不会整啊!),高手帮忙看一下这个问题吧,如果能改满意的话,我可以再追加100分!我在线不断刷页面等,谢谢!
如果觉得我这样说的不够明白的话,可以加我QQ 923661733 今晚我在线等,谢谢!

______________________________加油__!__!___!
2011-12-05 18:41
wangnannan
Rank: 18Rank: 18Rank: 18Rank: 18Rank: 18
等 级:贵宾
威 望:87
帖 子:2546
专家分:9359
注 册:2007-11-3
收藏
得分:0 
图片附件: 游客没有浏览图片的权限,请 登录注册

是这样的效果?

出来混,谁不都要拼命的嘛。 。拼不赢?那就看谁倒霉了。 。有机会也要看谁下手快,快的就能赢,慢。 。狗屎你都抢不到。 。还说什么拼命?
2011-12-06 10:03
刘杰明
Rank: 8Rank: 8
来 自:山东大学威海校区
等 级:蝙蝠侠
帖 子:155
专家分:872
注 册:2011-6-20
收藏
得分:0 
回复 3楼 wangnannan
对啊,就是这样的效果,在IE6上面运行就不行了呢,怎么办?

______________________________加油__!__!___!
2011-12-08 09:47
快速回复:div层在IE6和IE8上面不兼容,IE6上面显示错位,怎么办?
数据加载中...
 
   



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

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