当前位置：首页 → 问答吧 → 求助高手一下 tab ie6 下不好好显示

求助高手一下 tab ie6 下不好好显示

时间：2010-06-04

来源：互联网

这段代码为什么只在Ie6下不正常呢？该怎样解决，尝试了多次还是没成功，希望各位高手能解答一下

复制内容到剪贴板

代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
<style type="text/css">
*{
   margin:0px;
      padding:0px;
      font-size:12px;
}
.main_content{
    width:1000px;
    margin:0px auto;
    margin-top:30px;
}
.a_tab  li{
float:left;
list-style:none;
text-align:center;
vertical-align:top;
color:#00207b;
padding:0px 10px;
cursor:pointer;
margin-top:5px;
margin-left:4px;
line-height:24px;
height:24px;

}
.a_tab li.select{
   border:1px solid #9cb6d6;
     border-bottom:none;
     background:#fff;
     color:#00207b;
     font-weight:bold;
}
.a_tab{
    height:29px;
    border-bottom:1px solid #9cb6d6;
}
</style>
</head>
<script type="text/javascript">
function showtab(container,obj,className,id , tags){

            var lia = document.all[tags];
            var lialen = lia.length;
            for(i=0; i<lialen; i++){
                lia[i].className = "selectedLeft";
            }
            obj.className = "select";
            for (var i =1,j; j=document.getElementById(container+i); i++){
                j.style.display="none";
            }
            //alert("1");
            document.getElementById(container+id).style.display="block";
            //alert("2");
        }
</script>
<body>
         <div class="main_content">
               <div class="a_tab">
                    <ul>
                  <li class="select" id="user_tag" onclick="showtab('tag_content_',this,'selected','1' , 'user_tag')"> 论坛状态</li>
                     <li id="user_tag" onclick="showtab('tag_content_',this,'selected','2' , 'user_tag')">活跃用户</li>
                  </ul>
               </div>
            <div class="tag_content" id="tag_content_1" >
                     qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
            </div>
                <div class="tag_content" style="display:none;" id="tag_content_2">
                      wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
                </div>
         </div>
</body>
</html>

[/html]

[ 本帖最后由 hongjie 于 2010-6-4 10:44 编辑 ]

作者: hongjie 发布时间: 2010-06-04

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Untitled Document</title> <style type="text/css"> *{ margin:0px; padding:0px; font-size:12px; } .main_content{ width:1000px; margin:0px auto; margin-top:30px; } .a_tab li{ float:left; list-style:none; text-align:center; vertical-align:top; color:#00207b; padding:0px 10px; cursor:pointer; margin-top:5px; margin-left:4px; line-height:24px; height:24px; } .a_tab li.select{ border:1px solid #9cb6d6; border-bottom:none; background:#fff; color:#00207b; font-weight:bold; } .a_tab{ height:29px; border-bottom:1px solid #9cb6d6; } </style> </head> <script type="text/javascript"> function showtab(container,obj,className,id , tags){ var lia = document.all[tags]; var lialen = lia.length; for(i=0; i<lialen; i++){ lia[i].className = "selectedLeft"; } obj.className = "select"; for (var i =1,j; j=document.getElementById(container+i); i++){ j.style.display="none"; } //alert("1"); document.getElementById(container+id).style.display="block"; //alert("2"); } </script> <body> <div class="main_content"> <div class="a_tab"> <ul> <li class="select" id="user_tag" onclick="showtab('tag_content_',this,'selected','1' , 'user_tag')"> 论坛状态</li> <li id="user_tag" onclick="showtab('tag_content_',this,'selected','2' , 'user_tag')">活跃用户</li> </ul> </div> <div class="tag_content" id="tag_content_1" > qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq </div> <div class="tag_content" style="display:none;" id="tag_content_2"> wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww </div> </div> </body> </html>
提示：您可以先修改部分代码再运行

帮你框起来先

作者: cwq2jxl 发布时间: 2010-06-04

不错啊