小蟹蟹老板 2022-01-03 19:01 采纳率: 75%
浏览 74
已结题

使用position：fixed；出现这种情况怎么办

想搞一个可以跟随屏幕滚动的导航栏，但是有一些区域会浮现在导航栏上方

img

img

img

  • 写回答

3条回答 默认 最新

  • 归来巨星 前端领域新星创作者 2022-01-04 09:11
    关注

    给你的导航栏元素设置一个 css属性 z-index:9999; 确保导航栏的层级 > 其他的浮动元素

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • 详解iOS中position:fixed吸底时的滑动出现抖动的解决方案
    2020-08-26 13:18
    iOS 中 position:fixed 吸底时的滑动出现抖动是前端开发中常见的问题之一。这个问题的出现主要是由于 native 和 h5 两个原因引起的抖动。native 的抖动是由于 iOS 中的 viewport跟着动引起的，而 h5 的抖动是由于 ...
  • css中position:fixed实现div居中上下左右居中
    2020-09-25 01:38
    要实现DIV的完全居中，需要结合使用position:fixed以及通过调整left、top、right、bottom属性和margin属性来实现。具体代码如下： ```css .dialog { position: fixed; /* _position: absolute; */ /* hack for IE...
  • js完美解决IE6不支持position:fixed的bug
    2020-10-24 08:05
    然而，这种方法有一个明显的缺点：它会影响到页面上所有使用`position:absolute`和`position:relative`的元素，将它们的行为也转换为类似`position:fixed`的状态。 为了解决这个问题，代码中引入了IE6特有的CSS ...
  • css定位属性position:fixed
    2024-01-02 16:35
    wangooo的博客 Absolute定位是相对于 static（position默认值）定位以外的第一个父元素进行定位，如果不存在已定位的父元素，则相对于body元素。Fixed定位是相对于浏览器视口来定位的，也就是说，元素的位置不会随着页面滚动而改变...
  • ie6 position:fixed解决方案
    2020-12-09 01:50
    通过这种方式，我们可以设置`overflow-y`属性来模拟`position: fixed`的效果。以下是一个例子： ```css * html { overflow-y: hidden;}/* 只是定制垂直滚动fixed */ * html body{ overflow-y: auto; height: 100%...
  • 使用position:fixed时保留原有位置空间
    2022-06-13 15:07
    CodeMen_的博客 使用position:fixed时保留原有位置空间
  • position:fixed 固定定位
    2022-08-03 20:47
    asdfgv2022的博客 一、定位 1、position:fixed 固定定位 元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动： 特性 特性： 1.元素脱离正常文档流，不占位(也脱离文本流，全脱) 2.始终相对于浏览器窗口四个角为原点...
  • 关于移动端使用position:fixed出现抖动情况解决方法
    2017-06-18 16:32
    bingo丶的博客 在position:fixed内加入 -webkit-transform: translateZ(0); 解决问题
  • CSS中使用position: fixed固定定位时遮挡下方内容
    2023-12-04 18:57
    CssHero的博客 问题描述 在使用position: fixed时，会出现遮挡文字内容 此时底部tabbar遮挡了部分内容 原因分析： 本质是因为被遮挡部分的z-index的层级不够高，可以调整z-index或者padding-bottom来修改 z-index 较大的重叠元素会...
  • 解决position：fixed 固定定位失效问题
    2022-05-22 21:27
    铁锤妹妹@的博客 最近在项目开发过程中遇到了一个固定定位失效的问题，当给底部定位元素设置了position： fixed并设置了距离top和left，bottom的距离之后发现位置居然一直不正确，fix固定定位失效了。 百度看了些文章说是父元素如果...
  • position:sticky解决position:fixed在窗口宽度过窄时显示不全
    2023-09-01 14:53
    wsnd123321的博客 position:sticky解决position:fixed在窗口宽度过窄时显示不全
  • IE6不兼容position:fixed属性的解决办法分享
    2020-09-25 10:25
    总之，`position: fixed` 在 IE6 中的不兼容是前端开发中常见的问题，解决方法包括使用 CSS 表达式模拟和 JavaScript 插件。尽管这些方法能提供一定程度的兼容性，但随着技术进步，逐步淘汰对过时浏览器的支持，转而...
  • 解决CSS属性position:fixed不起作用
    2022-12-06 13:39
    赵彤刚的博客 若父元素设置了transform属性，无论transform设置任何属性值，都会导致position:fixed属性...2.当我们移除了父元素中transform相关属性后，子元素表现如下： 可见，position:fixed属性效果恢复，顶部导航栏重新出现。
  • 没有解决我的问题, 去提问

问题事件

  • 已结题 （查看结题原因） 1月4日
  • 已采纳回答 1月4日
  • 修改了问题 1月3日
  • 修改了问题 1月3日
  • 展开全部