需要css ie6问题的帮助

时间:2012-08-30 17:22:56

标签: javascript css css3

我正在使用css灯箱来显示简报订阅功能。弹出窗口在除IE 6之外的所有浏览器中都能正常工作 - black_overlay - 背景颜色和不透明度不会显示。

我用于弹出显示的样式如下所示:

    .black_overlay{
        position: relative;
        top: 0px;
        left: 0px;
        width: 400px;
        height: 300px;
       min-height: 900px;
       height:auto !important;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80); }

         .white_content {
        display:none;
        position: relative;
        top: 100px;
        left: 50px;
        width: 500px;
        height: 300px;
        min-height: 400px;
        height:auto !important;
        padding: 16px;
        border: 16px solid #999;
        background-color: white;
        z-index:1002;
        overflow: auto;
    }

还有一项:我使用javascript来显示弹出窗口。这个显示块是否适用于IE 6?我无法在IE6上进行测试,因为IE8已安装在我的系统中。

的document.getElementById( '通讯')的style.display = '块'。

       <div id="newsletter" class="white_content"></div>
      <div id="fade" class="black_overlay" ></div>

1 个答案:

答案 0 :(得分:1)

对于ie6中的叠加层,你需要将15x15px透明gif作为叠加层,并且需要在背景中重复覆盖而不是不透明度对你有效:-)。 而对于ie6中的hack,你需要添加hack。例如height:20x;这个东西只适用于ie6