如何訪問固定元素？

我正面臨着一個愚蠢的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; 
    } 
}

這個按鈕應該出現在我的所有頁面在第一個lax上[R顯示

在此先感謝

來源

2017-01-30 Jacques Mesnet

歡迎的StackOverflow，你的問題應該包含一個最小的，完整的和可驗證的例3，[這裏是如何（HTTP：// stackoverflow.com/help/mcve）。您可以包含渲染的標記，而不是包含您的偏見？您的問題可能與堆疊問題有關。嘗試使用'z-index'將其提升到其他元素之上。 – hungerstar

嗨@hungerstar，謝謝你的回答。我已經嘗試過你的解決方案，它正在爲顯示工作，但我仍然無法訪問元素。這只是改變顯示順序 –

嗯，我不知道你是如何/在哪裏應用任何東西，所以我不知道你爲什麼不能訪問元素。 – hungerstar

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

嘗試用z-index屬性

來源

2017-01-30 17:58:05 Falkwn

嗨@Falkwn，謝謝你的回答。我已經嘗試過你的解決方案，它正在爲顯示工作，但我仍然無法訪問元素。這只是改變顯示順序 –

我不知道我完全理解你的問題。你可以嘗試用z-index將類切換到link_to：<％= link_to root_path，class：'yourclass'do％> – Falkwn

哦，好吧，我不明白我必須將params傳遞給link_to。所以我通過params位置：fixed和z-index到link_to，然後將它從div中移除。謝謝@Falkwn，這樣更好，祝你有個美好的一天 –

如何訪問固定元素？

回答

相關問題