Question

第一个问题：我已经设置了一个页面，使用模态窗口弹出关于水上乐园景点的简短描述和一个包含每个景点的几个镜头的nivo图像滑块。我无法弄清楚为什么窗口不会弹出ie。模态窗口适用于我测试过的所有其他浏览器???

即是否可以点击此特定页面上的任何按钮？

第二个问题：当我在本地测试我的nivo滑块时，一切正常。但是，一旦我上传了所有内容，滑块就无法正常工作。我确保已上传所有脚本，CSS，图像和页面。我很难过。

我绝不是一名专业人士，所以对此的任何帮助都将非常感激。

该页面的链接是http://splashwaywaterpark.com/attraction

Answer 1

在所有文件之前调用jQuery，这样jqueryModal.js文件将在jquery之后出现。这解决了IE中的错误

SCRIPT5009: '$' is undefined 
jqueryModal.js, line 2 character 1

所以像这样重新排序

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="Scripts/jqueryModal.js"></script>

在popbox.css

中

为IE的不透明度添加-ms-filter。下面我在CSS中只显示了一个例子。在必要时添加。 Source

.modalDialog {
    position: fixed;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    opacity: 0;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
     filter: alpha(opacity=0);
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    background-color: rgba(0,0,0,0.8);
    color: #000066;
}

模态窗口没有弹出ie和Nivo图像滑块图像上传后无法正常工作

1 个答案: