Не могу найти, почему компонент все еще видна, несмотря на то, что Div находится на вершине ⇐ Html

[Anonymous]

Вот код для воспроизведения: < /p>

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

import React from 'react';
import Switch from 'react-switch';

export function App(props) {
const [checked, setChecked] = React.useState(false);
const handleChange = nextChecked => {
setChecked(nextChecked);
};

return (



Simple usage

Switch with default style



The switch is {checked ? 'on' : 'off'}.


);
}

Вы можете видеть, что даже если красный div находится на верхней части коммутатора, коммутатор все еще видна. Как отладить такие ситуации, почему я не могу найти z-index ?
Как решить эту проблему?

Подробнее здесь: https://stackoverflow.com/questions/796 ... -top-of-it