1

だから私は最も奇妙なバグを抱えています.コードを書いてタブを作成すると、いくつかのasp:textboxコントロールを持つフォームがあります.画面の左上隅に移動しますが、入力したテキストは同じ場所に留まります... テキストボックスの位置を含むセルを作成して修正しようとしています: 相対的ですが、ディスプレイがテキストの上に移動して表示されなくなりました私が書いたものを見させてはいけません。

これが私のコードです：

<table id="tabla-form1">
    <tr>
        <td class="tabla-form1-cell">
            <span style="float: left;">Nombre</span>
            <asp:RequiredFieldValidator ID="validNombre" runat="server" ControlToValidate="txtNombre" ErrorMessage="Necesitas ingresar un nombre" Text="*" ForeColor="Red" />
            <asp:TextBox id="txtNombre" runat="server" CausesValidation="true" />
        </td>
    </tr>
    <tr>
        <td class="tabla-form1-cell">
            <span style="float: left;">Apellido</span>
            <asp:RequiredFieldValidator ID="validApellido" runat="server" ControlToValidate="txtApellido" ErrorMessage="Necesitas ingresar un apellido" Text="*" ForeColor="Red" />
            <asp:TextBox ID="txtApellido" runat="server" CausesValidation="true" />
        </td>
     </tr>
     <tr>
        <td class="tabla-form1-cell">
            <span style="float: left;">Fecha de nacimiento</span>
            <asp:RequiredFieldValidator ID="validNac" runat="server" ControlToValidate="txtNac" ErrorMessage="Necesitas ingresar una fecha" Text="*" ForeColor="Red" />
            <asp:TextBox ID="txtNac" runat="server" CssClass="fecha" /> 
        </td>
    </tr>
</table>

これは私のCSSです：

input[type='text'] {
    width: 160px;
    height: 20px;
    border-color: #bdbdbd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    color: #454545;
    z-index: 10;
    behavior: url("js/PIE.htc");
}

これは、検証のあるテキストボックスと検証のないテキストボックスの両方で発生し、IE、firefox、およびchromeでのみ発生し、問題なく動作します。

助けていただければ幸いです。

ありがとう

4

1 に答える 1

0

adaam が言ったように、CSS には次のものがあります。

behavior: url("js/PIE.htc");

へのリンクを確認するか、削除する必要がありますPIE.htc。

プログレッシブ Internet Explorer (PIE) の詳細:

于 2013-06-17T03:54:23.097 に答える