Question

我面对一个愚蠢的pb，但我找不到任何关于它的话题。我试图制作一个按钮添加，这是一个固定的局部视图。但是当我传递css位置时：固定，元素在后台渲染，我无法访问它。那还有另一种方法吗？

我的代码：

（布局/应用）

<%= render "partials/add" %>
<%= yield %>

（谐音/添加）

<%= link_to root_path do %>
  <div class="add_task_layout">
    +
  </div>
<%end%>

（CSS）

.add_task_layout{
  position: fixed;
  border: none;
  height:60px;
  width: 60px;
  bottom:5%;
  right:5%;
  text-align: center;
  vertical-align: middle; 
  border-radius:50%;
  color: white;
  font-size: 40px;
  font-family: monospace;
  background: #5CC551;
  pointer-events: none; 
  font-weight:bold;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  &:hover {
  opacity: 0.1;
  }
}

此按钮应显示在显示的第一层上的所有页面上

提前致谢

Answer 1

.add_task_layout{ 
z-index: 99;
...
}

尝试使用z-index属性

如何访问固定元素？

1 个答案: