Как скрыть часть div под другим div, но с отображением фона?

Question

[MorfeyAsh]

https://jsfiddle.net/ppojfe7n/2/

Здравствуйте, назрел такой вопрос. Есть два блока с z-index: 1 и z-index: 0, перекрывается правый нижний угол. Если поставить background: white, правый нижний угол block1 не отображается. Цель: показать бэкаграунд под двумя блоками так, чтобы правый нижний угол block1 также не был бы видеy. Проблема в том, что при установке значения background: none, первый блок виден полностью:



Есть ли возможность исключить правый нижний угол block1 из отображения, но чтобы был виден фон под обоими блоками? Вот желаемый результат:

Comments

[MorfeyAsh]

Djamal Nasrutdinov: сделать так, чтобы нижний правый угол block1 не был бы виден, но одновременно был виден фон, который под всеми блоками

[MorfeyAsh]

Djamal Nasrutdinov: вопрос звучит: "Есть ли возможность исключить правый нижний угол block1 из отображения, но чтобы был виден фон под обоими блоками?", а вы вырвали половину из него. Желаемый результат - в последнем изображении, вместо серого фона может быть любое изображение

Answer 1

[Ankhena]

Не рисуйте border у первого блока. Для видимых частей нижней и правой границ используйте before и after.

Comments

[MorfeyAsh]

Да, спасибо, в конкретном случае помогли псевдоэлементы:
https://jsfiddle.net/ppojfe7n/5/

Answer 2

[Андрей]

opacity? https://webref.ru/css/opacity

Comments

[MorfeyAsh]

К сожалению, не представляю, как добиться этого с использованием прозрачности. Для наглядности:
https://yadi.sk/i/-z1xcJER353ktm
Слева - с background: none у обоих блоков, справа - цель, нужно скрыть угол средствами css

Answer 3

[Astrohas]

НЕТ!