Класс тени Tailwindcss нарушает фиксированное позиционирование дочернего элемента [дубликат] ⇐ Html

[Anonymous]

Я заметил, что класс Tailwindcss drop-shadow нарушает фиксированное позиционирование дочернего элемента.
Вот простой код Tailwindcss без тени с результатом.

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

orange box



class is :
bg-blue-600 p-3 fixed top-0 left-0

Здесь синее расположение div с телом. так что проблем нет.
Без тени:



Если я дам тень на оранжевом поле, то положение синего поля будет с оранжевым полем. не с телом.
С кодом тени:

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

orange box



class is :
bg-blue-600 p-3 fixed top-0 left-0

Результат с тенью:

Я знаю, что элемент с позицией: фиксированной; позиционируется относительно области просмотра. Настал перерыв для занятий по отбрасыванию теней. Почему это происходит?
Если я хочу, чтобы тень была в оранжевом поле, но также я хочу, чтобы дочерний элемент фиксировал положение тела. и что мне для этого сделать?

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