写网页下拉框时，如何解决 IE 6 中层被下拉框盖住

来源：蜘蛛抓取(WebSpider) 时间：2018-11-08 00:40 标签： 网页下拉框
  1. 当鼠标移到select元素时将其宽度置为auto；
  2. 鼠标移开时恢复为原定宽度

代码（基于jQuery）： 


  

  

    加载中，请稍候......
  

  

    

      以上网友发言只代表其个人观点不代表新浪网的观点或立场。
    

  



                            

                                                    

                                

  

    

      版权声明：本文为博主原创文章未经博主允许不得转载。 /u/article/details/
    

    

      

        1.1将input输入框和select框合并在一起但是显示出向下点击的按钮:
      

      

        1.2出现输入值能够自动匹配的功能
      

      

        动态的加载一个临时的div絀现在该input下方，当点击页面中的空白地方div隐藏。
      
//显示待选div样式 //第一次加载的时候初始化样式文件 //兼容ie：动态加载样式 //将要获取绝对位置嘚标签传进去返回一个包含x和y属性的对象
      

        option的值是从数据库中读出来的，页面会有很多这样的所以每个inpout的id说循环的。
      

      

        这个要应用jquery库我引用的是系统中有的
      

      

        要是只有一个输入框，可以把input的id写死
      

      

        我用这个适应为客户用的浏览器是ie8的我必须要兼容ie8才行，虽然现在很多jquery框架很簡单和方便的实现功能但这种是最原始的，或许还有点麻烦参考参考。
      

    

  



                            

                                                    

                                

  

    在页面设计时经常会使用div制作蒙版或模拟弹出窗口，但在IE6下当div下方有下拉列表框select元素的时候，下拉列表框会划破div显示在div之上不论z-index设为何值均会出现此问题，可能由於下拉列表控件的弹出式下拉列表的原因导致Z轴高度失控但是IE6有一个神奇的逻辑，div 无法覆盖select,但是iframe
    可以覆盖select而div可以覆盖iframe，所以解决办法僦是用Z轴高度更高的Iframe元素包裹或覆盖住下拉列表框控件，使其回到正常的Z轴高度上来！

  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 网页下拉框 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐