我复制的页面中fiexd的定位被下面的相对定位遮住了。请教一下各位大佬，在定位体系中fiexd和绝对定位，相对定位有默认层叠属性吗？

最新推荐文章于 2022-10-03 19:55:37 发布
最新推荐文章于 2022-10-03 19:55:37 发布
阅读量138 收藏
点赞数
分类专栏： 提问 问答 文章标签： 定位 css html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WDNMDDDD/article/details/109912456
版权

底下使用的插入的图片，图片下方有一个相对定位的拖动框
底下使用的插入的图片，图片下方有一个相对定位的拖动框
在这里插入图片描述
这是我的导航栏用了fiexd定位
在这里插入图片描述
这张大图直接将fiexd定位的导航栏遮住了

在这里插入图片描述
这是拖动条的样式，请大佬看看我应该怎么改，把导航在经过这块区域时，在最上层，谢谢了！！！

WDNMDDDD
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
绝对定位元素被遮挡的解决方法
01-19
本文实例讲述了绝对定位元素被遮挡的解决方法。分享给大家供大家参考。具体方法如下： ie7下 绝对定位元素即使z-index值很高，如果其设置相对定位的父元素没有设置z-index值的话，其可能（这种可能性当然是布局存在遮盖的时候）会被后面设置了相对定位的元素遮挡（即使后面的相对定位的元素没有设置z-index值）； 复制代码代码如下:<div xss=removed></p> <p>　　<p xss=removed></p></p> <p></div></p> <p><div style=”position
ie6 ie7 绝对定位 相对定位 层被遮住
weixin_34413802的博客
12-29 90
今天上班收到群里一个人通过临时会话发过来的.rar文件，打开一看，是一个菜单效果 在IE6和IE7下就被遮住在FF和IE8下效果如下图 代码如下 <!DOCTYPEHTML><htmllang="en-US"&...
我的日常小菜之react中ant design table组件fiexd失效
一个前端小菜菜的博客，四五年的经验，熟悉vue，react，nuxt，微信小程序，Uniapp。
08-25 726
添加scroll属性，并设置x，y的值，x，y的值可以为纯数字也可以为百分数字符串。今日一坑，ant design table组件fiexd失效，width失效。由于刚转react有很多东西不熟悉，没少踩坑。开一个系列，日常开发踩到的坑扔到这里。fiexd失效width失效的情况。希望对各位新手能有所帮助。
position:fixed无法正确定位问题
哪吒的小橘猫
01-31 5147
场景: 后台管理系统->UEditor文本编辑器工具栏浮动 UEditor默认是在内容编辑框过长时,工具栏相对浏览器定位的,即position:fixed. 它的确fixed了,但始终不是在浏览器的顶端.  搜索fixed的帖子,找到点击打开链接 原来当父元素设置了transform属性,会影响fixed. 此模板中外层wrapper有个class为"fadeInRight",这是一个小
css中关于定位属性position为fixed的使用记载
01-21
在html中，当一个div想要定位时，我们第一反应是position属性，而position属性除了默认值外，还有absolute,relative和fixed。当被设置成fixed时，可以通过设置left、right、top、bottom的值来相对于body定位。 代码...
小程序开发踩坑：页面窗口定位（相对于浏览器定位）（推荐）
12-29
开发中我们要做一些类似遮罩层或者页面header固定而页面内容滚动的效果时，往往会使用到：position: fiexd;属性，但是往往会出现绑定在定位元素上的事件无法触发，原因出现在哪里？ 经过摸索，终于找到答案：元素...
fixed相对父元素定位
02-13
fixed默认是相对浏览器定位的，在开发中，经常会用到相对某个元素定位，思路就是障眼法，多套一个div
css ie6 fiexd属性解决方法
05-19
在探讨“css ie6 fixed属性解决方法”这一主题时，我们不得不面对一个历史遗留问题：Internet Explorer 6（IE6）对于CSS3中fixed定位的支持不足。IE6发布于2001年，其浏览器内核对现代Web标准的支持有限，尤其是在...
FastReport.v4.15 for.Delphi.BCB.Full.Source企业版含ClientServer中文修正版支持D4-XE5
12-10
FastReport.v4.15 for.Delphi.BCB.Full.Source企业版含ClientServer中文修正版支持Delphi 4-XE5 and C++Builder 6-XE5. D2010以上版本(D14_D19)安装必读 delphi2010以上版本(D14_D19)使用者安装时，请将res\frccD14_...
CSS学习21：fixed（固定定位）
玉安_ZhangDe的博客
04-09 3万+
固定定位是元素固定于浏览器可视区的位置。（认死理型） 主要使用场景： 可以在浏览器页面滚动时元素的位置不会改变。 语法： 选择器 { position: fixed; } 固定定位的特点：（务必记住）： 1.以浏览器的可视窗口为参照点移动元素。 跟父元素没有任何关系 不随滚动条滚动。 2.固定定位不在占有原先的位置。 固定定位也是脱标的，其实固定定位也可以看做是一种特殊的绝对定位。（认死理型） 完全脱标—..
解决fiexd和transform一起用导致的失效问题
weixin_42349568的博客
11-23 2318
效果如下： 注意到这里有个bug，当点击切换的时候，底部的tab标签会跑走，这是因为fiexd和transform一起用，导致的失效问题。 对应的样式代码如下： 至于解决方案： 从张鑫旭大佬这里可以看到：https://www.zhangxinxu.com/wordpress/2015/05/css3-transform-affect/ 原因就是transform的出现，导致了fiexd的降级为position:absolute了 要解决这一个问题，需要用position relative来限制一下。
CSS定位布局详解
大河之犬的博客
10-03 6974
CSS定位使你可以将一个元素精确地放在页面上指定的地方。联合使用定位和浮动，能够创建多种高级而精确的布局。其中，定位布局共有4种方式。固定定位（fixed相对定位（relative绝对定位（absolute静态定位（static。
position:fixed 固定定位
asdfgv2022的博客
08-03 5万+
元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动：特性特性：1.元素脱离正常文档流，不占位(也脱离文本流，全脱)2.始终相对于浏览器窗口四个角为原点进行固定定位的3.不会随页面的内容滚动而滚动4.能使不能设置宽高的行级元素设置宽高5.提升层级6.如果没有定位偏移属性，对元素本身有影响；应用场景：相对于窗口定位的元素如弹窗、跟随滚动的导航、侧边栏...
CSS 固定定位 position fixed
热门推荐
cvper's world !
01-28 6万+
简单描述：固定定位是将某个元素固定在浏览器的某个确定的位置，不随滚动条的移动而变化；                 注意：固定定位的位置是  相对当前浏览器窗口  的； 代码示例： 1.我们先在页面中输出一个标准情况下的 div 元素，不添加定位；  代码： *{margin:0;
CSS基础（十八）--Position之fiexd固定位置
09-12 604
随笔记录方便自己和同路人查阅，学习CSS时最好先学会HTML。 #------------------------------------------------我是可耻的分割线------------------------------------------- fiexd固定位置 <!DOCTYPE html> <html lang="en"> ...
fixed定位窗口出现抖动的情况如何解决？
weixin_34357887的博客
01-07 1123
2019独角兽企业重金招聘Python工程师标准>>> ...
CSS／JS 实现滑动页面，到一定位置，position 定位设置为fixed,否则用absolute;
皮卡丘の开发之路
08-25 2万+
当我滚动页面的时候，在可视区域的时候，我想让顶部的导航区域随着我页面的滚动一起滚动，但是当页面移动到一定位置的时候，如果还是使用postion:alsolute；来进行定位的话，顶部导航就回随着我页面的移动而移动。不会将导航下面的内容移动后，就自动以position:fixed的样子来显示顶部导航区域。下面我放一张京东的导航图的效果，更直观的显示，我想要实现的大致操作。注意顶部京东搜索的那个框：想要
iframe内的子元素fiexd定位到iframe的父元素
最新发布
09-19
2. 在子元素的样式中，将top、right、bottom和left属性设置为0，以确保子元素固定在父元素的边缘。 示例代码如下： ```html <!DOCTYPE html> #parent { position: relative; width: 400px; height: 300px...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值