修复了滚动时 div 隐藏在其他 div 后面的问题

Question

我将这个div设置为两个小标志来选择页面的语言。它们固定（粘性）在屏幕的右上角。问题是当我滚动时，因为它们隐藏在其他元素（例如图像或背景颜色）后面。如何让他们不再隐藏？我尝试将 parent class 设置为 'navbar' 并且它以某种方式起作用，但是当屏幕缩小时元素会被包裹起来。

#flags {
  position: fixed;   
}

<div style=" float: right; width: 100px; margin-top: 60px;">
  <div id="flags">
    <span>
      <a href="default.html">
        <img  id="uk" src="images/uk.png">
    </span></a>
    <span><a href="default_ita.html">
      <img  id="uk" src="images/italy.png">
    </span></a>
  </div>
</div>

Answer 1

这里是使用 z-index

的解决方案

将最高z-index提供给你想一直查看的元素，条件是元素位置固定

#flags {
  position: fixed;
  z-index:9999   
}

<div style=" float: right; width: 100px; margin-top: 60px;">
  <div id="flags">
    <span>
      <a href="default.html">
        <img  id="uk" src="images/uk.png">
      </a>
    </span>
    <span>
      <a href="default_ita.html">
        <img  id="uk" src="images/italy.png">
      </a>
    </span>
  </div>
</div>

注意： 请同时查看结束标签 span 标签在 anchor 标签

之前关闭

希望对您有所帮助。

修复了滚动时 div 隐藏在其他 div 后面的问题

fixed div hiding behind other div when scrolling

html

css

css-position

sticky

twitter-bootstrap