我的网站上有一个jQuery Tools Modal Overlay,它在Chrome和Firefox中都可以正常运行...但是,当我在IE8中查看该页面时,黑色背景遮罩会出现在对话框DIV的顶部...此外,div会出现在页面底部,而不是实际代码位于屏幕中央的位置。

此外,我还遇到了“第1行Char 6上的错误”之一,而且似乎无法调试这个坏男孩。Chrome中出现了类似的错误“ Uncaught SyntaxError:Unexpected token)”,但我不觉得它与模态无关,但是与IE无关。

任何帮助将不胜感激!

JS文件

var api;

showDiv('partmodal');

function showDiv(v){

    if (!document.getElementById(v)) return;

    if (api)
        if (api.isOpened) api.close();

    api=$('#'+v).overlay({
        mask: {color: '#000000'},
        effect:'drop',
        api: true
    }).load();

 }


分割对象

<div class="modalpart" id="partmodal">
    <h2>
        Title <!--It doesn't matter what you put here-->
    </h2>
    <!--It doesn't matter what you put here-->
</div>


的CSS

.modalPart {
    background-color:#fff;
    display:none;
    width:550px;
    padding:15px;
    text-align:left;
    border:2px solid #600;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
    position:fixed;
    _position:absolute;
 }

 .modalpart h2 {
    background:url(images/logoac.png) no-repeat;
    margin:0px;
    padding:10px 0 10px 110px;
    border-bottom:1px solid #333;
    font-size:20px;
    color:#600;
    font-family:calibri, hevetica, tahoma, arial;
    text-align:right;
 }

最佳答案

ACK!添加以下内容解决了该问题

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


开始调试20小时后,我不得不停止思考自己的问题,但是在发布帮助30秒后,我就停止了自己的问题。

希望这也会对其他人有所帮助。

08-19 06:47