Wie hält ich dekorative Elemente (z. B. Blasen) sichtbar, aber nicht interaktiv? ⇐ CSS

[Anonymous]

Ich verwende das tailwindcss Framework für diese einfache Webseite.
Mein Problem ist auf Desktop . Wenn ich den Z-Index < /code> anpasse, kann ich Blasen sehen, aber dann kann ich keinen Text oder die Schaltfläche im Inhalt auswählen. class = "snippet-code-html Lang-html PrettyPrint-Override">

Code: Select all

[img]https://placehold.co/600x400[/img]
        alt="Random image"
class="md:rounded-lg shadow-lg object-cover w-full h-full"
>




Discover The Wonders of The Universe


Explore a vast array of adventures and possibilities.

From ancient myths to modern science, embark on a journey of knowledge and exploration.

Immerse yourself in diverse cultures, futuristic technologies, and timeless stories that shape the world around us.


Dive In

Mein jsfiddle: https://jsfiddle.net/qjnym72f/