Jquery input forcus仅在firefox&；中的1/2字段上工作；铬（不在IE中）

问题是焦点函数只处理“名称”（第一个）而不处理“电子邮件”（第二个）。当它聚焦时，它应该改变背景的位置，从而形成一个黄色的边框，这同样适用于第一个边框

以下是js：

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

CSS

HTML

姓名：
电邮：

---

提前谢谢

这是一个JSFIDLE，其中包含您想要的工作顺序：

我添加了jqueryonready，以确保元素在绑定它们的焦点处理程序之前存在

---

我把图像改成了颜色，这样我就可以看到它是否工作正常。我的猜测是，如果你仍然有问题，那就是你的图像有问题。

对焦功能工作正常。检查这把小提琴

我已经使用了演示目的的背景色

---

如果您可以发布“input bg.jpg”图像的url，这将非常有用。

您可以发布input-bg.jpg的实际路径吗？如果我的答案为你解答了问题，你应该接受它作为答案。如果没有，请告诉我，我会帮你找出问题所在。谢谢你的回答，但我还是无法让它工作。在dreamweaver内部的“实时查看”功能中，它也可以在IE中使用，但在firefox或chrome中不起作用。如果我的图像在所有浏览器以及IE和dreamweaver中的“name”上都能正常工作，那怎么会有问题呢？与其将背景设置为图像，不如将其设置为一种颜色，看看它是否仍然失败。如果有，我们需要更多的信息来帮助你。您添加了onReady吗？$（function（）{//yourstuff}）？是的，我添加了onReady。我还测试了颜色，但失败了，所以不是图像。是否还有其他代码需要显示？请确保没有多个元素的id为formLeft。在呈现页面时查看源代码，并确保标记看起来正确。Chrome中的Ctrl+Shift+C将允许您检查元素。另外，确保JS中没有错误。更深入地描述这种情况，是否只是静态的，是否使用ajax等。？而且，更多的代码也没什么坏处。完全按照项目中的内容复制它。

#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;
}

<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>