入力forcusはfirefoxとchromeの1/2フィールドでしか動作しません

Question

問題はフォーカス機能が "名前"（最初のもの）で "電子メール"（2番目）ではなく、 。焦点が合っていると、背景の位置が変わり、黄色の境界線が作成され、最初の境界線に対しても正常に機能します。事前に

$("#formLeft input").focus(function() { 
    $(this).parent().addClass("active"); 
    }); 
    $("#formLeft input").blur(function() { 
    $(this).parent().removeClass("active"); 
    }); 

CSS

#formLeft { 
width: 320px; 
float: left; 
} 
#formLeft input { 
    width: 250px; 
    border: none; 
    text-align: left; 
    background: none; 
    margin: 13px 0 0 13px; 
    font-size: 14px; 
} 
#formLeft .input-bg { 
    background: url(bilder/input-bg.jpg) top left no-repeat transparent; 
    height: 45px; 
    margin-bottom: 10px; 
    position: relative; 
} 
#formLeft div.active { 
    background: url(bilder/input-bg.jpg) bottom left transparent; 
    height: 45px; 
    margin-bottom: 10px; 
    position: relative; 
} 

HTML

<div id="formLeft"> 

      <label for="Name">Name:</label> 
      <div class="input-bg"> 
       <input type="text" name="Name" id="Name" class="required" minlength="2" /> 
      </div> 


      <label for="Email">Email:</label> 
      <div class="input-bg"> 
       <input type="text" name="Email" id="Email" class="required email" /> 
      </div> 

     </div> 

ありがとう：ここ

はjsのです！ここで

Answer 1

は、あなたが作業順序で何をしたいとjsfiddleです：

私は、彼らはthierフォーカスハンドラがバインドされ得る前の要素が存在することを確認するためにjqueryのonReadyを追加しました。

http://jsfiddle.net/yxnFL/4/

私はその正常に動作したか否か見ることができるように、私は、色に画像を変更しました。私の推測では、まだ問題がある場合、それはあなたのイメージの問題です。

Answer 2

フォーカス機能が正常に動作しています。このフィドルをチェックしてください。 http://jsfiddle.net/yxnFL/6/

私はデモ用に背景色を使用しています。

"input-bg.jpg"画像のURLを投稿できると便利です。