我的网站上有一个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秒后,我就停止了自己的问题。
希望这也会对其他人有所帮助。