Сделать HTML-элемент невидимым, если он находится под другим элементом ⇐ CSS

[Anonymous]

Предположим, у меня есть два элемента div: один большой и один маленький. Когда маленький div перекрывает большой div, я хочу, чтобы маленький div был скрыт, но только часть под ним. Поэтому, если половина маленького div находится под большим, я хочу, чтобы была скрыта только половина. Пример:

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

Я пробовал использовать z-index и свойства отображения в CSS, но безрезультатно.

Подробнее здесь: https://stackoverflow.com/questions/791 ... er-element