Question

IE中 input 获取不到焦点

代码：
<p class="t_wr"><span class="inp_text">请输入手机号/邮箱/用户名</span><input type="text" id="u_n" class="wd" value="" /></p>
<p class="t_wr"><span class="inp_text">请输入密码</span><input type="password" id="p_w" class="wd" value="" /></p>

CSS：
.t_wr {position:relative; z-index:0; width:260px; height:40px;}
.t_wr .inp_text {position:absolute; top:0; left:0; z-index:0; width:250px; height:40px; padding-left:8px; background:url(../img/bg-ss.png) no-repeat 1px 1px; color:#999; line-height:40px;}
.t_wr .wd {position:absolute; top:0; left:0; z-index:9; width:248px; height:38px; padding-left:8px; border-width:1px; border-style:solid; border-color:#aeaeae #dadada #dadada #aeaeae; background:transparent; color:#999; line-height:38px\9; outline:none;}

效果图：

IE中，当鼠标点击在文字上，input获取不到焦点，必须点击在input内非文字的位置才能获取到焦点，谷歌火狐中没问题，请教如何解决

Answer 1

我也刚碰到这个问题
说下我是怎么解决的：

那就是给你提示文字那些个span分别加一个click方法 当点击提示文字（IE下有效）时 让对应的input focus就是了

当然最好再给提示文字css样式加一个{cursor:text;}

Answer 2

“请输入密码”这样的文字不要放在span里，把span标签也去掉
放在input的value="请输入密码"

追问

我需要做成这种效果，尤其是密码的提示，如果把密码提示写在value里面，只能显示成圆点，起不到提示的作用

追答

把密码两个字做成背景放到input里