Hallo Matinee,

Der neue screenshot zeigt ja nur die schwarzen Buchstaben der Linktexte, die auch den main-Text nicht überlappen.

Popups, die überlappen sollen, brauchen einen Hintergrund und eventuell auch einen Rand, um sie abzugrenzen. Standardmäßig haben HTML-Elemente keinen Rand und einen transparenten Hintergrund.

Eine einfache Hintergrundfarbe vergibst Du mit background-color.

Ein Popup, das aus einem Grid-Item herausragt, ist kein Problem. Der z-index ist nötig, weil es sich sonst unter die nachfolgenden Gridzellen schiebt. Da reicht aber zumeist z-index:1, es sei denn, du hantierst noch anderweit mit der z-Anordnung herum.

Rolf