Question

所以在这里我尝试做一些样式，主要是为了定位，这是我的代码：

<td>
   <img src="images/master/login_box.png" style="width: 351px; height: 280px; position: relative;
                margin-top: 35px; left: 14px" />

   <asp:Label ID="Label1" runat="server" Text="LOGIN" Font-Names="Century Gothic" Font-Size="13"
                ForeColor="White" Style="position: absolute; margin-top: -235px; margin-left: 35px"></asp:Label>

   <img src="images/master/Lock.png" style="width: 12px; height: 16px; position: absolute;
                margin-top: -235px; margin-left: 97px" />

   <asp:Label ID="Label2" runat="server" Text="REGISTER" Font-Names="Century Gothic"
                Font-Size="13" ForeColor="White" Style="position: absolute; margin-top: -235px;
                margin-left: 260px"></asp:Label>

   <asp:Label ID="Label3" runat="server" Text="User" Font-Names="Trebuchet MS" Font-Size="11"
                ForeColor="White" Style="position: absolute; top: 142px; margin-left: 35px"></asp:Label>

   <asp:TextBox ID="txtEmail" runat="server" Width="225px" Height="30px" Style="position: absolute;
                top: 133px; margin-left: 110px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                border-radius: 5px;"></asp:TextBox>

   <asp:Label ID="Label4" runat="server" Text="Password" Font-Names="Trebuchet MS" Font-Size="11"
                ForeColor="White" Style="position: absolute; top: 190px; margin-left: 35px"></asp:Label>

   <asp:TextBox ID="txtPassw" runat="server" Width="225px" Height="30px" Style="position: absolute;
                top: 180px; margin-left: 110px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
                border-radius: 5px;"></asp:TextBox>

   <ul id="submit" style="position: absolute; top: 230px; margin-left: 110px">
                <li id="submit-1"><a href="#" title="Submit"><span>Submit</span></a></li>
            </ul>

    <img src="images/master/info.png" style="width: 10px; height: 11px; position: absolute;
                top: 277px; right: 160px" />

    <asp:Label ID="Label5" runat="server" Text="Forgot Password |" Font-Names="Century Gothic"
                Font-Size="7" ForeColor="White" Font-Italic="true" Style="position: absolute;
                top: 273px; right: 70px"></asp:Label>

    <asp:Label ID="Label6" runat="server" Text="Reactivate" Font-Names="Century Gothic"
                Font-Size="7" ForeColor="White" Font-Italic="true" Style="position: absolute;
                top: 273px; right: 15px"></asp:Label>

</td>

问题是，Chrome中的定位很好，它应该保留在应有的位置（标签，文本框等），但是当我在IE中尝试时，定位不对，特别是对于（LOGIN，lock.png），REGISTER，用户和密码标签和文本框）它们会转到屏幕的一角。关于我做错的任何建议？一些友好的建议会很好，谢谢。

Answer 1

找到了解决方案！

将login_box.png位置更改为绝对位置而非相对位置修复了问题：D

chrome和IE中css样式的不同结果

1 个答案: