ASP.net 文本框表现不稳定

Question

我已经搜索了好几天，但找不到解决我问题的答案。我有一个简单的网络表单网站，上面有一些文本框，当用户选择“自定义搜索”选项时会显示这些文本框。当我在本地测试时它可以工作，但是当我将它发布到我们的网络服务器时文本框停止工作。我注意到网络服务器上的悬停光标从预期的“文本”光标切换到“指针”光标。 “文本”光标显示如果我将光标移动到文本框的边缘，并允许我单击文本框并根据需要键入文本，但是当我移动鼠标时，它的任何部分都不会触及边缘文本框的(但在文本框内)然后它变成指针光标，无论我多么用力地按下鼠标按钮，我都无法激活文本框来输入它。如果我先在下拉列表中进行选择，然后单击选项卡，焦点将移至文本框。

这是文本框的标记代码:

<asp:Label ID="lbl_Fname" Text="First Name" CssClass="FN-lbl" runat="server" />
<asp:DropDownList ID="ddl_Fname" CssClass="FN-drop" Width="12%" runat="server">
    <asp:ListItem Value="0">-- Select One --</asp:ListItem>
    <asp:ListItem Value="=">equals</asp:ListItem>
    <asp:ListItem Value="<>">does not equal</asp:ListItem>
    <asp:ListItem Value="&gt;">greater than</asp:ListItem>
    <asp:ListItem Value="&gt=">greater than or equal to</asp:ListItem>
    <asp:ListItem Value="&lt;">less than</asp:ListItem>
    <asp:ListItem Value="&lt;=">less than or equal to</asp:ListItem>
    <asp:ListItem Value="like">contains</asp:ListItem>
    <asp:ListItem Value="not like">doesn&#39;t contain</asp:ListItem>
</asp:DropDownList>&nbsp;&nbsp;
<asp:TextBox ID="txt_Fname" CssClass="FN-txt" Width="16%" runat="server"></asp:TextBox>

这是 Css 条目(注意:评论不在我的 CSS 中，就在这篇文章中):

.FN-txt
        {
            position: absolute; 
            left: 320px; 
            top: 120px; 
            width: 100px; 
            height: 20px; 
            cursor: text; /*an attempt to get the cursor to behave, it didn't help*/
        }

我已经查看了有关 asp.net 和文本框以及代码元素的 stack-overflow 上的每篇帖子，并在 google(或 blackle.com)中记录了很多时间来整理我的搜索词。我试图张贴 GUI 的图片，但显然菜鸟不能张贴图片。

---------------- 跟进注释------------------------这是我添加到标记中的代码:

OnSelectedIndexChanged="ddl_Email_SelectedIndexChanged" AutoPostBack="true"

下面是代码:

protected void ddl_Fname_SelectedIndexChanged(object sender, EventArgs e)
{
    if (ddl_Fname.SelectedValue != "0")
    {
        txt_Fname.Focus();
    }
}

现在我想知道为什么这应该修复它。我尝试了 mtzaldo 的解决方案并将其添加到 Fname，当我看到我的更改和他的建议的组合似乎可以解决问题时，我从 CSS 中删除了他的 z-index 并再次测试它仍然有效。

Answer 1

在 css 类中尝试添加一个大的 z-index 值。即 z-index:999;如果这可行，那是因为一个元素位于您的文本框上方并且它确实具有透明背景。

编辑:您使用的是不同的浏览器吗？像 IE 测试部署的版本和 FF 测试你的本地版本？