Zugang zu einem festen Element?

Ich stehe vor einem dummen Pb, aber ich finde keine Themen darüber. Ich versuche eine Schaltfläche hinzuzufügen, die eine feste Teilansicht ist. Aber wenn ich die css-Position übergebe: behoben, rendert das Element im Hintergrund, und ich kann nicht darauf zugreifen. Gibt es einen anderen Weg, dies zu tun?Zugang zu einem festen Element?

Mein Code:

(Layout/Anwendung)

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

(partials/add)

<%= 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; 
    } 
}

Diese Taste auf erscheinen soll alle meine Seiten auf der First laye r angezeigt

Vielen Dank im Voraus

Quelle

2017-01-30 Jacques Mesnet

Willkommen bei Stackoverflow, Ihre Frage ein Minimal, vollständig und überprüfbar Beispiel enthalten sollte, [hier, wie] (http: // stackoverflow.com/help/mcve). Anstatt Ihrer Teilzahlen könnten Sie das gerenderte Markup enthalten? Ihr Problem hängt wahrscheinlich mit einem Stapelproblem zusammen. Versuchen Sie es mit 'z-index', um es über die anderen Elemente zu bringen. – hungerstar

Hallo @ Hungerstar, danke für deine Antwort. Ich versuche bereits Ihre Lösung, und es funktioniert für die Anzeige, aber ich kann immer noch nicht auf das Element zugreifen. Es ändert nur die Anzeigereihenfolge –

Nun, ich weiß nicht, wie/wo Sie irgendetwas angewendet haben, also habe ich keine Ahnung, warum Sie nicht auf das Element zugreifen können. – hungerstar

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

Versuch mit z-index Eigenschaft

Quelle

2017-01-30 17:58:05 Falkwn

Hallo @Falkwn, danke für deine Antwort. Ich versuche bereits Ihre Lösung, und es funktioniert für die Anzeige, aber ich kann immer noch nicht auf das Element zugreifen. Es ändert nur die Anzeigereihenfolge –

Ich bin mir nicht sicher, ob ich Ihr Problem vollständig verstehe. Du könntest versuchen, die Klasse mit dem Z-Index auf den Link_to umzustellen: <% = link_to root_path, Klasse: 'yourclass' do%> – Falkwn

Oh, ok ich habe nicht verstanden, dass ich die params an den link_to übergeben muss. also übergebe ich die params position: fixed und z-index an den link_to und entferne es vom div. Danke @Falkwn, es ist viel besser so, habe einen guten Tag, Bruder –

Zugang zu einem festen Element?

Antwort

Verwandte Themen