1

我正在使用 Fancybox（使用 Jquery）实现一个模态样式的登录窗口。模式框在除 Internet Explorer 8 之外的所有浏览器中都显示得很好。

在 Internet Explorer 8 中，表单元素（标签、按钮和字段）全部丢失。我怀疑这与 z-index 定位有关，但我无法弄清楚。

有问题的页面位于：http ://d2-sandbox.parature.com/ics/support/default.asp?deptID=8210 。

单击右上角的登录按钮以查看问题。就像我说的，IE8 是唯一有问题的浏览器。

这是我对 Fancybox 的呼吁： 

<script type="text/javascript">
$(document).ready(function() {
    $(".fancybox").fancybox({
            scrolling : 'no',
            width : '500',
            height : '286',
            closeEffect: 'elastic',
            openEffect: 'fade'
        });});

下面是登录按钮的代码：

a class="fancybox fancybox.iframe" href="http://www.chrishallahan.com/parature-small.html">

...这是我的登录表单中的代码，它是一个 iframe：

<body>
<h1><span id="hide">suppport.kent.edu - Online Technology Help Center at Kent State University</span></h1>
<div id="login-form">
<form name="loginForm"  method="post" action="https://parature.kent.edu/default.aspx" target="_parent">
<label class="label">User Name:</label><input name="userid" class="searchbox" value="blank" size="30" type="text" /> <span class="email">@kent.edu</span><br />
<label class="label">Password:</label><input name="password" class="searchbox" value="blank" size="30" type="password" /><a class="forgot" href="https://login.kent.edu/ForgotPassword.aspx" target="_parent">Forgot Your Password?</a><br/>
<input type="submit" name="Button1" value="Log In" id="Button1" />
</form>
</div>
<div id="footer"><div id="text">Please log in with your FlashLine user name and password.</div></div>

任何输入将不胜感激！

4

0 回答 0