使用定位后，z-index有些诡异，不起作用。。
先上 代码CSS：
.head_right_pt{ width:68px; height:39px; float:left; cursor:pointer; line-height:38px;font-size:14px;border-right:1px solid #fcfcfc; border-left:1px solid #fcfcfc;position:relative }.pt_hover{ border-right:1px solid #4589de; border-left:1px solid #4589de; background:#ffffff; z-index:2; }.pt_out{ }.head_right_pt ul{ margin:0; padding:0; list-style:none; }.pt_box{ width:300px; height:120px; overflow:hidden; background:#fff; border:1px solid #4589de; filter:alpha(opacity=90); /*支持 IE 浏览器*/ -moz-opacity:0.90; /*支持 FireFox 浏览器*/ opacity:0.90; /*支持 Chrome, Opera, Safari 等浏览器*/ z-index:3; position:absolute; right:-1px; bottom:-121px;}<div id="head_right"><div class="head_right_pt" ><div style="background:url(myimages/pingtai.gif) no-repeat;width:68px; height:39px ;text-indent:2.3em">APP</div><ul><li class="pt_box"></li></ul></div><div class="head_right_pt" ><div style="background:url(myimages/pingtai.gif) no-repeat 0px -38px;width:68px; height:39px ;text-indent:2.3em">手机</div><ul><li class="pt_box"></li></ul></div><div class="head_right_pt" ><div style="background:url(myimages/pingtai.gif) no-repeat 0px -76px;width:68px; height:39px ;text-indent:2.3em">微信</div><ul><li class="pt_box"></li></ul></div></div>
我这里用你的代码测试，它们根本没有重叠，为什么分层呢？ 你是要做选项卡对吧！？
一样的。我需要div盖住下面 LI pt_box一个像素的位置 所以还是要有次序层叠。
但是怎么设置，pt_box都在对应diiv的上面，没有出效果。
一样的。我需要div盖住下面 LI pt_box一个像素的位置 所以还是要有次序层叠。
但是怎么设置，pt_box都在对应diiv的上面，没有出效果。
<ul class="pt_box"><li></li></ul>
和UL没有关系。
简化下代码 ，更容易看
.head_right_pt{ width:68px; height:39px; float:left; cursor:pointer; line-height:38px;font-size:14px;border-right:1px solid #fcfcfc; border-left:1px solid #fcfcfc;position:relative }.pt_hover{ border-right:1px solid #4589de; border-left:1px solid #4589de; background:#ffffff; z-index:2; }.pt_out{ }.head_right_pt ul{ margin:0; padding:0; list-style:none; }.pt_box{ width:300px; height:120px; overflow:hidden; background:#fff; border:1px solid #4589de; filter:alpha(opacity=90); /*支持 IE 浏览器*/ -moz-opacity:0.90; /*支持 FireFox 浏览器*/ opacity:0.90; /*支持 Chrome, Opera, Safari 等浏览器*/ z-index:3; position:absolute; right:-1px; bottom:-51px;}<div class="head_right_pt" ><div style="background:url(myimages/pingtai.gif) no-repeat 0px -76px;width:68px; height:39px ;text-indent:2.3em">微信</div><ul><li class="pt_box"></li></ul></div></div>
层叠问题已经解决。只需要把显示的拿出来成新div
但是定位IE和FF有较大相差，如何解决
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
604
收藏
