zoukankan      html  css  js  c++  java
  • ie6下input type="button",button里面设的背景图片,就是不显示?

               在ie7,8,9,firefox,chrome都正常显示的图片,到了ie6下没了,查了资料,找到了解决方案,但因为什么还是没闹明白,记录下来,下次再碰到就这么解决。

               在IE6中,当输入的文字无限长时,此背景图片就会自动消失,出现BUG。
        因此,解决的方法是:在input外加一个div包裹起这个文本框,将背景图片text.jpg放在div中,就可以解决。
        html代码如下:

           <div class="input_box"> <input type="text" name="textfield" id="textfield1" />    </div>


    css为:
    #textfield1{ border:0; background:none;}  //将原来默认的边框跟默认的背景去掉
    .input_box{ 164px; height:24px; background:url(../images/text.jpg) no-repeat;} //背景图片放在此包裹的div中
     
     
     
              就是在原来的input外套一层div,然后把背景图片的class写在里面。
  • 相关阅读:
    重构二叉树
    Nlog、elasticsearch、Kibana以及logstash
    技术
    Java 的垃圾回收机制(转)
    Java并发编程:并发容器之CopyOnWriteArrayList
    深入理解Arrays.sort() (转)
    浅析java的浅拷贝和深拷贝
    gradle
    @action 注解
    如何使用mysql
  • 原文地址:https://www.cnblogs.com/lans/p/2446132.html
Copyright © 2011-2022 走看看