NEWS
Vis Image auf vis Button
-
ja aber, über den z-index kann ich ja nur die sichtbarkeit regeln.
Lege ich ein image (z-index 1) auf einen Button (z-index 0), kann ich beide Objekte sehen,
aber das Image reagiert nicht auf ein Click-Event.
Ist ja soweit auch logisch und richtig, mein Ziel ist es aber, wenn mehrere Ebenen übereinander liegen,
daß diese als ein Objekt behandelt werden.
Im Prinzip möchte ich erreichen, daß 2 oder 3 oder 4 Objekte, die übereinander liegen, zu einem verschmelzen.
-
du möchtest also mit zwei übereinander / nebeneinander gelegten Widgets z.b. zwei Lampen gleichzeitig schalten, verstehe ich das richtig?
-
> Im Prinzip möchte ich erreichen, daß 2 oder 3 oder 4 Objekte, die übereinander liegen, zu einem verschmelzen
Ich befürchte, das wird nicht gehen.Aber wenn Du (unterstützt durch Screenshots) beschreibst was du eigenlich erreichen willst, vielleicht kann geholfen werden.
-
Da ich Java / JS nicht so mächtig bin, würde ich mir in diesem Fall mit NodeRed behelfen.
-
Leg dir die passenden Icons nebeneinander, Z-Index=1
-
Darüber einen durchsichtigen Rahmen bzw. durchsichtigen Schalter / Taster der mit einer CUxD Funktion / Programmexecute / Taster o.ä. verknüpft ist, Z-Index = 2
-
Unter NodeRed liest du den Status von diesem Rahmen bzw. der verknüpften Aktion aus
-
Als Ausgang schaltest du dann dementsprechend viele Funktionen
-
-
Moin!
Wenn ich das richtig verstehe willst Du eine Aktion auslösen wenn Du auf ein Bild klickst…
Das löse ich (für Navigation) zum Beispiel so:
image z-Index=1
Button, transparent, z-Index=2
Der Buttun ist damit oben und klickbar, das Bild ist aber zu sehen da der button transparent ist.
bis denne
Mr.Lee
-
Genau so etwas habe ich gemeint. Vielen Dank für den Tip.
Funktioniert so, wie ich es grundsätzlich haben wollte, nur das Bild, bzw. der Button wirken dann ziemlich blass.
Habe mit allen Möglichen Transparentwerten getestet,
-
Moin!
Also bei mir ist durchsichtig = durchsichtig
anbei wie ich es mache
für den durchsichtigen overlay
-
liegt wahrscheinlich an meinem individuelen CSS Style, daß es bei mir anders aussieht.
-
Der Topic ist uralt aber ich stand gerade vor demselben Problem und habe eine Lösung gefunden:
Im CSS Reiter des oben liegenden Bilds eingeben:
.noclick{pointer-events: none }
Im Reiter des Widgets unter Generell bei CSS Klasse eingeben:
noclick
fertig.
Der Klick geht jetzt quasi durch das Bild hindurch auf den darunter liegenden Button.
Vielleicht hilft es zukünftig jemandem.
-
@pgBroker Super, danke.