Как сохранить декоративные элементы (например, пузыри) видимыми, но неинтерактивными? ⇐ CSS

[Anonymous]

Я использую структуру tailwindcss для этой простой веб-страницы. Всякий раз, когда я настраиваю z-index < /code>, я вижу пузыри, но тогда я не могу выбрать текст или кнопку на содержании. class = "Snippet-Code-Html Lang-Html PrettyPrint-Override">

Код: Выделить всё

[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

my jsfiddle: https://jsfiddle.net/qjnym72f/

Подробнее здесь: https://stackoverflow.com/questions/795 ... nteractive