Question

我有以下前端代码：

<asp:Panel ID="pn_TSAdmin" runat="server" GroupingText="Timesheet Admin" CssClass="Dashboard_Panel" Visible="false">
    <div id="dv_ProjectSelect" runat="server" style="width:500px;" >
        <asp:Label ID="lb_Project" runat="server" Text="Project:" CssClass="Label" />
        <asp:DropDownList ID="ddl_Project" runat="server" CssClass="Label" />
        <asp:ImageButton ID="ibt_AddProject" runat="server" ImageAlign="AbsBottom" ImageUrl="~/Images/add.png" CssClass="ibt_22" OnClick="Click_AddProject" />
        <asp:ImageButton ID="ibt_ProjectStatus" runat="server" ImageAlign="AbsBottom" ImageUrl="~/Images/power.png" CssClass="ibt_22" OnClick="Click_SwitchProject" />
    </div>
    <div id="dv_ProjectAdd" runat="server" style="width:500px;" visible="false">
        <asp:Label ID="lb_NewProject" runat="server" CssClass="Label" Text="Project Name: " />
        <asp:TextBox ID="txt_NewProject" runat="server" CssClass="Label" />
        <asp:ImageButton ID="ibt_SubmitNewProject" runat="server" ImageUrl="~/Images/go.png" CssClass="ibt_22" OnClick="Click_SubmitProject" />
        <asp:ImageButton ID="ibt_CancelNewProject" runat="server" ImageUrl="~/Images/cancel.png" CssClass="ibt_22" OnClick="Click_CancelAddProject" />
    </div>
</asp:Panel>

ibt_AddProject的代码隐藏：

protected void Click_AddProject (object sender, EventArgs e)
        {
            dv_ProjectSelect.Visible = false; 
            dv_ProjectAdd.Visible = true;
        }

使用以下CSS类：

.Label
{
    width:200px;
    margin:10px auto 10px 20px;
}
.ibt_22
{
    width:22px;
    height:22px;
    margin: 10px auto 10px 10px;
}

dv_ProjectSelect按预期显示正确排列的项目。

然而，当我点击ibt_AddProject时，dv_ProjectAdd中的项目显示不正确，因为以下picpaste显示了屏幕转换（http://picpaste.com/DumbCSS-173MxC30.jpg）

我已经看到过有关添加游标的内容：文本和z-index：999但是nonbe对此问题有所帮助。

知道为什么会发生这种情况以及我如何解决它以使它看起来正确。

CSS样式在逻辑上不起作用

0 个答案: