Question

我有这个需要完成的semestral项目，我的ASP webform有问题。

当我测试我的应用程序时，我的asp文本框“神奇地”消失了。有没有可能的方法，我可以确保我的asp文本框在应用程序测试期间不会消失？

  <div class="content-1">
                    <h2>Track by Order Number!</h2>
                    <p>
                        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 
                        <!-- the label appears in the div tag, but not the textbox-->
                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                    <!-- i want the asp textbox to be in this div -->
                    </p>
                </div>

非常感谢你，我很感激。

css代码：

    .content {
    background: #fff;
    position: relative;
    width: auto;
    margin: -175px 0 0 120px;
    height: 400px;
    z-index: 5;
    overflow: hidden;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    border-radius: 3px;

}

.content div {
    position: absolute;
    top: 0;
    padding: 10px 40px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

.content div{
    -webkit-transform: translateY(-450px);
    -moz-transform: translateY(-450px);
    -o-transform: translateY(-450px);
    -ms-transform: translateY(-450px);
    transform: translateY(-450px);
}

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4 {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.3s 0.3s;
    -moz-transition: all ease-out 0.3s 0.3s;
    -o-transition: all ease-out 0.3s 0.3s;
    -ms-transition: all ease-out 0.3s 0.3s;
    transition: all ease-out 0.3s 0.3s;
}

.content div h2,
.content div h3{
    color: #398080;

}
.content div h2 
{
    font-size: 20px; 
    }
.content div p {
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
    text-align: left;
    margin: 0;
    color: #777;
    padding-left: 15px;
    font-family: Cambria, Georgia, serif;
    border-left: 8px solid rgba(63,148,148, 0.1);
}

Answer 1

似乎服务器端的可见性或客户端的显示存在一些问题。

要检查这一点，请从div中删除css-class。如果您看到文本框，则知道在哪里可以找到问题。

如果它没有显示，那么粘贴完整的cs代码，aspx代码和css代码。

ASP.NET文本框在测试运行期间未显示

1 个答案: