html:
<button onclick=""bombClick()" >点击弹框</button>
<div id="bombContain"></div>
<div id="bomb_div"></div>
css:
#bombContain{
z-index: 199412204822//z-index只有在定位元素上生效，默认值static是没有定位的
background-color:#000
opacity:0.6
top:0
left:0
width:100%
height:100%
position:fixed
display:none
}
#bomb_div{
z-index:199412204822
width:34%
height:450px
top:66px
left:36%
margin:0
padding:0
background-color:#fff
box-shadow:1px 1px 50px rgba(0,0,0,.3)
position:fixed
display:none
}
js:
function bombClick(){
$("#bombContain").css("display","block")
$("#bomb_div").css("display","block")
}
ie6中hover伪类的兼容性问题在IE6中，因为只支持css1，而hover伪类(css伪类)在css1中只支持<a>标签使用，其他标签一概不接纳。
只能考虑js代码辅助来兼容，推荐参考资料http://hi.baidu.com/css%BA%DA%B0%E5%B1%A8/blog/item/6529b7f211bdb4a5a50f5263.html
和
http://www.javaeye.com/topic/392913
如果为了不增加额外的js代码，可以考虑把非a标签的hover尽量调整成a标签的，不过也要同时修改其他样式。
本人推荐直接使用js实现你所想要的功能就好了，不用为了兼容css来那么苦涩的js
