Antworten zum Thema „Div-Text unter einem Div anwählbar“

[Moev]

Hi,
////////
Lösung:
Wenn man Zwei Div container übereinander hat und man will den unteren Text zum beispiel markieren, aber es geht nicht, weil der obere Div dort drüber liegt, dann gibt man dem oberen Div in der CSS einfach die eigenschaft: pointer-events: none;
(Getestet in: Firefox 3.6+, Safari 4, Chrome )
//////
Ich wusste nicht wie ich es besser in den title packen kann. Wer ne bessere Idee hat, kann dies gerne sagen

Was ich gerne machen möchte, ist Folgendes.

Ich habe ein Div wo text drinnen ist (oder andere Sachen) , da drüberliegt ein div mit einem Streifenmuster, nun möchte ich den Text aber markieren, oder den Button klicken, der da drunterliegt.
(Es geht mir nur um die CSS nicht um den Inhalt, der ist grade erfunden ;D)

Es gibt eine css Eigenschaft, die den obere Streifen-Div sozusagen "durchlässig" macht, sodass man den Text markieren kann, aber mir fällt nicht mehr ein, wie es heißt.

Ich habe, dass mal auf einer anderen Seite gesehen wo ein div mit einem Streifen png über eine Google-Maps karte gelegt wurde, man konnte aber die Google-maps karte weiterhin bewegen.
War schon recht cool, nur finde ich die Seite nicht mehr und weiß auch den CSS code nicht mehr.

Weiß einer, was ich meine?

Vielen Dank für die Hilfe.

 

[skiron]

AW: Div-Text unter einem Div anwählbar

Hi,
versuche es mal mit z-index:WERT;
Je höher der WERT, desto höher die Ebene. Ebene 1 liegt zB über Ebene 0.

Alternativ kannst Du die div's auch NICHT verschachteln, sondern nebeneinander, und damit gleichberechtigt, positionieren. ( position:absolute; )

 

[Moev]

AW: Div-Text unter einem Div anwählbar

ne, das ist nicht das was ich meine.
Ich mache das mit Z-Index und position:absolute; das die drüber liegt, aber ich möchte dann ja den text von der unteren ebene markieren können.
Also so soll der aufbau sein (Beides liegt übereinander):

Obere Ebene: png mit streifen
Untere Ebene: text

Und den Text sollte man Markieren können. Ich weiß, das man der Oberen ebene sagen kann, das man "durch die durch" greifen kann. (also den Text markieren kann) Aber ich habe halt vergessen wie die CSS eigenschaft dafür war.


EDIT: Ich habe die lösung gefunden Des lösungs name ist:
pointer-events: none;
Wenn man 2 Divs hat die übereinander liegen, gibt man dem oberen einfach die eigenschaft "pointer-events: none;" und fertig

 

[skiron]

AW: Div-Text unter einem Div anwählbar

Achso, danke für den Tipp ^^