Question

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

＆＃13;

#flags {
  position: fixed;  	
}

＆＃13;

<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>

＆＃13;

Answer 1

您可以使用z-index

来解决问题

为您要一直查看的元素提供最高z-index，条件元素应该固定位置

＆＃13;

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

＆＃13;

<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>

＆＃13;

注意：请查看结束标记以及span标记在anchor标记

之前已关闭

希望这会对你有所帮助。

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

1 个答案: