這段HTML代碼在IE7中運行正常，但在IE6中無法正常顯示層，請使用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=utf-8" />
<title>Testpage</title>
<style type="text/css">
.loaddiv {
background-color: #FFFFFF;
text-align:center;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
filter: alpha(opacity :70);
visibility: hidden;
position:absolute;}
.loadp{
top:45%;
position:absolute;
font-size: 12.5px;
font-weight:bold;
color: #FFFFFF;
background-color: #FF0000;
height: 20px;
width: 120px;
text-align:center;
vertical-align:bottom;
border: 1px double #CCCCCC;
line-height: 20px;
}
</style>
</head><body>
<form>
  <input type="button" id="button" name="button" value="test" onclick="document.getElementById('loaddiv').style.visibility='visible';" />
</form>
<div id="loaddiv"    class="loaddiv" ><div id="loadp" class="loadp"> Wait......</div></div>
</body>
</html>
直接把以上代碼存為一個html文件，有IE6的朋友幫忙測試，如果是在IE7中，按下按鈕可以正常顯示層，但IE6中既不出錯也沒有反應，如何修改代碼可以讓IE6實現類似功能？

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    这段去掉看看
      

  2.   

    如果你装了IE7 可以下载一个IE6绿色版本
    这样可以调试两个版本的IE浏览器了
      

  3.   

    做.net网页最好别用class，尤其是div
      

  4.   

    ie6 和ie7就是有这种问题 最郁闷了..我都碰到过N次了 一直没解决
      

  5.   

    ie7.0和ie6.0ｃｓｓ　有些不一样你把0.0ｐｘ的都改成0.0％试试
      

  6.   

    准确的说（个人觉得）.net根本就不支持class，我刚开始用vss+div布局的时候，美工用的全是class,结果页面根本无法控制，后来把<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    去掉好了些，但一直不理想
    再后来接到一个项目，要求用户可以控制页面栏目的位置，美工用的仍然是class，根本无法控制
    后来改成id全都好了，自此本人再没用过class
      

  7.   


    filter: alpha(opacity :70); 
    这个你尝试去掉看看,貌似IE6不支持这个
      

  8.   


    貌似没遇到过你这种情况,<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这个只是一个校验标准,有了他页面就会按这个标准去解析哈``````
      

  9.   


    胡说八道，.net网页也是网页。class都不用了，你还能用什么？把样式全写在style里？height: 100%; 
    width: 100%; 
    估计是这个的问题， 不同的浏览器对百分比的解释都不同的。特别是height.
    估计你要做的是一个遮罩效果，复盖全屏的div的宽高要用脚本求得绝对的像素值，而不是像你这样简单地定义100%.就像这样：
            var msk = document.getElementById('loaddiv')
    msk.style.width = document.documentElement.scrollWidth + "px";
    msk.style.height = document.documentElement.scrollHeight + "px";
            msk.style.visibility='visible';
      

  10.   

    http://bbs.blueidea.com/thread-2858048-1-11.html
    这个很好解答了楼主的问题
      

  11.   

    由于filter的原因，IE6支持不好，试试
    filter: DXImageTransform.Microsoft.Alpha(opacity: 70);
      

  12.   

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Testpage </title>
    <style type="text/css">
    .loaddiv {
    background-color: #FFFFFF;
    text-align:center;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    filter: alpha(opacity :70);
    visibility:hidden;
    position:absolute;}
    .visible {
    background-color: #FFFFFF;
    text-align:center;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    /*filter: alpha(opacity :70);把这里注释掉就好了*/
    visibility:hidden;
    position:absolute;}
    .loadp{
    top:45%;
    position:absolute;
    font-size: 12.5px;
    font-weight:bold;
    color: #FFFFFF;
    background-color: #FF0000;
    height: 20px;
    width: 120px;
    text-align:center;
    vertical-align:bottom;
    border: 1px double #CCCCCC;
    line-height: 20px;
    visibility:visible;
    }
    </style>
    </head><body>
    <form>
      <input type="button" id="button" name="button" value="test"  onclick="document.getElementById('loaddiv').className='visible'" />
    </form>
    <div id="loaddiv" class="loaddiv" > <div id="loadp" class="loadp"> Wait...... </div> </div>
    </body>
    </html>
    IE6测试过
      

  13.   

    <!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=utf-8" /> 
    <title>Testpage </title> 
    <style type="text/css"> 
    .loaddiv { 
    position:absolute; 
    left: 0px; 
    top: 0px; 
    background-color: #FFFFFF; 
    text-align:center; 
    height: 100%; 
    width: 100%; 
    filter:alpha(opacity=70);
    visibility: hidden; 
    } 
    .loadp{ 
    top:45%; 
    /*position:absolute; */
    font-size: 12.5px; 
    font-weight:bold; 
    color: #FFFFFF; 
    background-color: #FF0000; 
    height: 20px; 
    width: 120px; 
    text-align:center; 
    vertical-align:bottom; 
    border: 1px double #CCCCCC; 
    line-height: 20px; 
    } 
    </style> 
    </head> <body> 
    <form> 
      <input type="button" id="button" name="button" value="test" onclick="document.getElementById('loaddiv').style.visibility='visible';" /> 
    </form> 
    <div id="loaddiv" class="loaddiv" > <div id="loadp" class="loadp"> Wait...... </div> </div> 
    </body> 
    </html> 还有，我个人觉得也不推荐使用visibility这个CSS属性，因为它会占位，有可能导致一些问题，最好用display
      

  14.   

    个人喜好用display，滤镜IE6应该是支持的！
      

  15.   

    就1楼说的去掉
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    这个就可以了
      

  16.   


    我晕，这个也是对的，不过这个在 IE6，和Opera 9.5 位置不对。
      

  17.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html的标准，这个是现在标准模式，去掉这个，是旧的模式。写css是不一样的。