Question

我有一个div，里面有两个带有jQuery函数的按钮。在这个IE下面显示相同的div，没有任何内容似乎没有理由。这是网址：http://ht.io-web.com/home-%281%29。再次它只在IE中发生这种情况，如果你想看看它应该看起来像Crome或Firefox的样子。谢谢您的帮助。这是代码：

<div class="home-upper">
<h1>
Language Learning. <span>Simplified.</span></h1>
<div class="signup">
<div class="buttons">
    <span class="shaded"><a href="javascript:tgT()"><span class="green-button huge">Find Tutors</span></a></span><span class="shaded"> <img src="/HireaTutor/media/images/structure/or.png" class="or">&nbsp;&nbsp; <a href="javascript:tgS()"><span class="SignUpGreen huge">Sign Up </span></a></span></div>
<div class="sign-up white" style="display: block;">

        <table cellspacing="0" cellpadding="0" style="clear:both;padding-left:12px;" class="get-started">
            <tbody>
                <tr>
                    <td>
                        Full Name</td>
                    <td>
                        Email</td>
                    <td>
                        &nbsp;</td>
                </tr>
                <tr>
                    <td>
                        <input type="textbox" id="fullName"></td>
                    <td>
                        <input type="textbox" id="email"></td>
                    <td>
                        <a href="javascript:GetStarted();"><span class="green-button">Get Started</span></a></td>
                </tr>
            </tbody>
        </table>

</div>
<div class="find-tutors white" style="display: block;">
    <table cellspacing="0" cellpadding="0" class="find-tutors" style="display: table;">
        <tbody>
            <tr>
                <td>
                    I speak</td>
                <td>
                    <select id="spoken"><option>English</option><option>French</option><option>Spanish</option></select></td>
                <td>
                    and I'm learning:</td>
                <td>
                    <select id="learning"><option>English</option><option>French</option><option>Spanish</option></select></td>
                <td>
                    <a href="javascript:findTutor();"><span class="green-button">Search</span></a></td>
            </tr>
        </tbody>
    </table>
</div>
</div>
</div>

Answer 1

您有一些相当重要的HTML错误。如：

第103行，第16栏：ID“头部”已定义
        ＆lt; div id =“head”＆gt;
  “id”是唯一标识符。每次在文档中使用此属性时，它必须具有不同的值。如果您使用此属性作为样式表的挂钩，则使用类（组元素）而不是id（用于标识一个元素）可能更合适。

第3行，第11行：此处首先定义ID“head”   ＆lt; head id =“head”＆gt;

第158行，第17栏：ID“NavMiddle”已定义
      ＆lt; li id =“NavMiddle”＆gt;

第156行，第17行：ID“NavMiddle”首先在这里定义   ＆gt; li id =“NavMiddle”＆gt;

第180行，第23栏：文档类型不允许元素“style”在这里

尝试修复这些，然后您可能会开始看到预期的行为。

IE复制我的div并将其显示在原始下方。我不知道为什么？

1 个答案: