日期:2014-05-17  浏览次数:20607 次

IE6的input,如果设置了宽度,多输入一些字符,input会被顶跑?
<input class="se_name" type="text" value="用户名:" />

.se_name{ width: 110px; height: 23px; background: url(../images/search_bg.jpg) no-repeat; color: #c0c0c0; border: none; margin-right: 8px; line-height: 23px; padding-left: 4px;}


如果输入的字符宽度不超过设置的宽度,显示正常 
在IE6下 若输入字符超过设置的宽度,就会出现被顶到左边的情况

该如何解决这个问题呢

------解决方案--------------------
给文本框设置一个合适的宽度值(width)。不过你用border:0和背景图片的方式来表现文本框的边框还是很难做到精确控制的,比如设置文本框宽度为100px,在标准浏览器下查看盒子模型,宽度就是100px,但在IE6/7/8下面查看是102px,浏览器之间存在差异。
------解决方案--------------------
设置background-attachment属性为fixed.
background: url(../images/search_bg.jpg) no-repeat fixed;
不知有没有实现你希望的效果?