百转千回,万物皆变心不动,任清风自流。

html,css,jQuery,javascript,php,mysql,dedecms,phpcms,wordpress,linux,windows
  首页  :: 订阅 订阅  :: 管理

IE6-7 下 z-index bug 引发的问题

Posted on 2012-07-06 10:19  李潇喃  阅读(100)  评论(0)    收藏  举报
已经解决  但是不知道问题是在什么地方~~~~~ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> * { padding:0; margin:0; } .box { width:900px; margin:0 auto; } .header { background:#999; height:100px; width:900px; } .wrap { width:900px; clear:both; overflow:hidden; } .left { float:left; width:200px; background:#F00; padding-bottom:10000px; margin-bottom:-10000px; } .right { float:right; width:700px; height:500px; background:#FF0; z-index:100; position:relative; } .right_t { background:#090; height:100px; width:700px; margin-top:400px; } .foot { height:200px; background:#CCC; margin-top:-100px; z-index:1; position:relative; } </style> </head> <body> <div class="box"> <div class="header"></div> <div class="wrap"> <div class="left"></div> <div class="right"> <div class="right_t"></div> </div> </div> <div class="foot"></div> </div> </body> </html>