Fancybox文本链接未打开覆盖

Question

我在打开IE 7＆8中的fancybox时遇到问题。 在Chrome和FF中可以正常工作。 我在另一页上使用了相同类型的实现，效果很好。 所以，我想我只是想念一些东西，需要一双新鲜的眼睛才能看到它。

<script>
//booking info popup
jQuery(document).ready(function() {
    $("#biopopup").fancybox({
        'autoScale'         : false
    });
});
</script>

打开Fancybox的链接：

<a id="biopopup" href="#bipop" class="btn btn-small btn-danger">Booking Inquiry</a>

弹出内容：

<div style="display:none">
        <div id="bipop" style="width:450px;height:500px;">
            <div id="formHeader">
                <h2>Booking Inquiry</h2>
            </div>
            <div class="bookingForm">
                <form action="" method="" class="clearfix">
                    <div class="mainFields">
                        <input type="text" id="name" value="Full Name" onfocus="if (this.value == 'Full Name') {this.value=''}" onBlur="if (this.value == '') {this.value='Full Name'}">
                        <input type="text" id="organization" value="Organization" onfocus="if (this.value == 'Organization') {this.value=''}" onBlur="if (this.value == '') {this.value='Organization'}">
                        <input type="text" id="email" value="Email Address" onfocus="if (this.value == 'Email Address') {this.value=''}" onBlur="if (this.value == '') {this.value='Email Address'}">
                        <input type="text" id="phone" value="Phone Number" onfocus="if (this.value == 'Phone Number') {this.value=''}" onBlur="if (this.value == '') {this.value='Phone Number'}">
                        <input type="text" id="date" value="Desired Date" class="datepicker" onfocus="if (this.value == 'Desired Date') {this.value=''}" onBlur="if (this.value == '') {this.value='Desired Date'}">
                        <div class="clearfix">
                            <input type="text" id="city" class="ccity" value="City" onfocus="if (this.value == 'City') {this.value=''}" onBlur="if (this.value == '') {this.value='City'}">
                            <input type="text" id="state" class="cstate" value="State" onfocus="if (this.value == 'State') {this.value=''}" onBlur="if (this.value == '') {this.value='State'}">
                            <input type="text" id="zip" class="czip" value="Zip" onfocus="if (this.value == 'Zip') {this.value=''}" onBlur="if (this.value == '') {this.value='Zip'}">
                        </div>
                        <textarea id="comments" value="Comments" onfocus="if (this.value == 'Comments') {this.value=''}" onBlur="if (this.value == '') {this.value='Comments'}"></textarea>
                    </div>

                    <input type="submit" name="submit" value="Send Info." class="button green">
                </form>
            </div>
        </div>

这是页面： http : //www.outreach.com/trial-test.aspx （单击“预订查询”按钮）

Answer 1

我想到了。 我是前端开发人员，通常不必处理此问题，但是我们的CMS使用的是ASP，但是我忘记了所有服务器控件都必须出现在标记中。 我在弹出窗口中使用了一个表单，这在一行中的某个地方造成了冲突。 我摘下了表单标签，现在可以使用了。