首页 / HTML / 关于定位和z-index层叠的问题_html/css_WEB-ITnose

关于定位和z-index层叠的问题_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了关于定位和z-index层叠的问题_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1987字，纯文字阅读大概需要3分钟。

内容图文

使用定位后，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;}


HTML代码： 
APP
手机
微信



目前需要把
微信
置于上一层；
置于下一层
单多次试验没有作用
始终占领最顶层。


请指教！


回复讨论(解决方案)

我这里用你的代码测试，它们根本没有重叠，为什么分层呢？ 你是要做选项卡对吧！？

一样的。我需要div盖住下面 LI pt_box一个像素的位置 所以还是要有次序层叠。

但是怎么设置，pt_box都在对应diiv的上面，没有出效果。

一样的。我需要div盖住下面 LI pt_box一个像素的位置 所以还是要有次序层叠。

但是怎么设置，pt_box都在对应diiv的上面，没有出效果。


是不是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;}


微信

内容总结

以上是互联网集市为您收集整理的关于定位和z-index层叠的问题_html/css_WEB-ITnose全部内容，希望文章能够帮你解决关于定位和z-index层叠的问题_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/399500.html

来源：【匿名】