ie6经典bug弹出框盖不住select的解决办法

     昨天切页面的时候遇到了传说中的经典————ie6经典bug弹出框盖不住select。以前只是有所耳闻，但是未曾谋面，昨天有幸见到真面目！！

    我昨天试过网上的很多方法，有的说是用iframe把select包住，有的说是把iframe放在弹出层的下面，有的说是把iframe放在弹出层的里面，这些我都试过啦，但是有的效果是实现啦，但是很勉强，因为iframe是盖住select啦，而select也消失的没了。这个让我很郁闷，不知道为什么。。。。今天早上来啦，头脑清醒的解决啦。我就把原来的width：100%,height:100%换成弹出层的具体宽高数值，就好啦，盖住select的同时，select还在。而且给了绝对定位的top和left值，这样iframe就跟弹出框完全重合了，我之前的iframe框是出现在弹出框的下面。而且我也没有按照网上给iframe加z-index值。呵呵，这个iframe上的z-index还是必须要加的，z-index：-1，确保是在弹出层下方，不然添加图片的按钮不能点击。

   

这是ie6下面原来的样子，

这是修改好的

附上关键代码：

<!-- 弹出层-->
                        <div class="pop_bg">
                            <p class="pop_tip"></p>
                            <div class="sign_pop">
                                <dl>
                                    <dt>
                                        <ul class="tip">
                                            <li><a href="#">本地上传</a></li>
                                        </ul>
                                        <a href="#" class="close"><em>&nbsp;</em></a>
                                    </dt>
                                    <dd class="add_btn">
                                        <a href="#"><em>&nbsp;</em>添加图片
                                            <form action=""><input type="file" class="add_f" size="1"/></form>
                                        </a>
                                    </dd>
                                    <dd class="discrib">支持上传单张5M以下的gif、jpg、png文件</dd>
                                </dl>    
                            </div>
                            <iframe id="DivShim"  scrolling="no" style="position:absolute;top:0;left:0;282px;height:128px;-moz-opacity:0;-webkit-opacity:0; opacity:0; filter:alpha(Opacity=0);background:transparent;"> </iframe> 
                        </div>
<!--这里是select-->
<div class="promo_panal">
                <div class="head clearfix">
                    <span class="tit">发微方式</span>
                </div>
                <div class="body">
                    <form action="" method="get" class="form_infor">
                        <div class="form_msg clearfix">
                            <input name="" type="radio" class="rad" />
                            <label>立即发送</label>
                        </div>
                        <div class="form_msg input clearfix">
                            <input name="" type="radio" class="rad" />
                            <label>定时发送：</label>
                            <input name="" type="text" class="txt" />
                            <a href="#" class="calendar"><em class="ban ban_4_11">&nbsp;</em></a>
                            
                                <select name="" class="select">
                                    <option>请选择</option>
                                </select>
                            
                            <label class="end">时</label>
                            
                                <select name="" class="select">
                                    <option>请选择</option>
                                </select>
                        
                            <label class="end">分</label>
                        </div>
                    </form>
                </div>
            </div>