固定 div 滚动时隐藏在其他 div 后面

Question

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

#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标签之前关闭

希望这会帮助你。