8

IEでの開発に問題があり、すばらしいヘッダーを作成しましたが、Internet Explorerですべてをチェックしていて、いくつかのバグを見つけました。

1つは次のとおりです。私はこのようなものを一度も経験したことがないので、この問題に本当に夢中になっています。誰かがこれを修正する方法を知っているかどうかさえわかりません、挑戦を受け入れてください!

プレースホルダーがIEで機能しないことは知っていますが、それは明らかに問題ではありません。ホバーしているときにテキストフィールドに移動すると、ボックスが消えて、もう一度移動する必要があります。

ここにいくつかのコードがあります:

<ul>
    <div class="transparant">
        <div class="dropbox">
            <div class="login">
                <div class="textfield">
                     <form method="post">
                       <input id="textfield_post" type="text" name="username" placeholder="Gebruikersnaam" class="matrix"/>    
                </div>
            </div>

            <div class="pass">
                <div class="textfield">
                    <input id="textfield_post" type="password" name="password" placeholder="Wachtwoord" class="matrix"/>   
                </div>
            </div>

            <div class="loginbutton">   
                <input type="submit" class="btn" value= "Login" type="button" id="login_button"></form>
            </div>

            <div class="forgotpass">
                <a href="#" onclick="NewPassword()">Forgot password?</A>
            </div>
        </div>
    </div>
    </div>
</ul>

z-indexのせいだと思います。また、jqueryなどは使用せず、適切なHTMLとCSSを使用して問題を修正したいだけです。

誰かがこの問題に精通しているかどうか尋ねています、

ウェブサイト:(IE7&8のみ)

読んでくれてありがとう;)

4

3 に答える 3

5

テキストボックスを空にすると、問題は解決します。あなたがその回避策を受け入れるかどうかはわかりませんが、ねえ、それはうまくいきます:)

于 2013-01-18T11:48:19.560 に答える
3

:hoverCSSまたはmouseover()JQueryを使用してボックスを表示したと思います。mouseentered()次のリンクを確認することをお勧めします。

http://www.mkyong.com/jquery/different-between-mouseover-and-mouseenter-in-jquery/

そして確実にulを作るoverflow:hidden

于 2012-12-18T12:08:46.623 に答える
1

IEは現在サポートしていませんPlaceholder。.iを使用して移動することをお勧めしますJQuery。これがサンプルコードです

<p><script type="text/javascript">
    $(function () {
        if (!$.support.placeholder) {
            var active = document.activeElement;
            $(':text').focus(function () {
                if ($(this).attr('placeholder') != '' && $(this).val() == $(this).attr('placeholder')) {
                    $(this).val('').removeClass('hasPlaceholder');
                }
            }).blur(function () {
                if ($(this).attr('placeholder') != '' && ($(this).val() == '' || $(this).val() == $(this).attr('placeholder'))) {
                    $(this).val($(this).attr('placeholder')).addClass('hasPlaceholder');
                }
            });
            $(':text').blur();
            $(active).focus();
        }
    });
</script>
</p>

それが役に立てば幸い

于 2013-01-25T05:35:15.407 に答える