在IE 6和IE 7中推出的文本框背景图片

Question

请参阅this jsFiddle示例。我已经在文本中使用的背景图片将拿出来看在IE中，当你在长值类型：

解决方案（万一的jsfiddle被删除）

CSS

#txt_services_by_zip_code_search{ 
    border: none; 
    float: left; 
    height: 22px; 
    width: 95px; 
    padding:0 5px; 
    background: transparent 
} 
#txt_services_by_zip_code_search_wrapper { 
    background: transparent url('http://i.imgur.com/quh2W.gif') no-repeat 0 -25px; 
    display: inline-block; 
    *display: inline; 
    zoom: 1 
} 

HTML

<div id="txt_services_by_zip_code_search_wrapper"> 
    <input type="text" name="services_by_zip_code_search" id="txt_services_by_zip_code_search" class="txt_services_by_zip_code_search" /> 
</div> 

Answer 1

一个经典的IE bug ..

有没有干净的解决方法。您必须将输入封装在另一个元素中，例如div，然后将background应用于该元素。

见IE7：http://jsfiddle.net/P47sa/3/

这里是互联网上的随机页面，同意我的看法：http://blogs.creative-jar.com/post/Input-backgrounds-scrolling-in-IE.aspx

如果您的网页使用了大量的JavaScript/jQuery的，你可以用它来应用修复而不是混淆HTML。