Синтаксис клипа CSS позволяет определить прямоугольную область большего изображения, которое вы хотите видеть. Есть ли способ указать обратный? Укажите прямоугольную область изображения, которое вы хотите стать невидимым. Как пробивать прямоугольное отверстие через страницу, чтобы увидеть, что внизу?
Причина (если у вас есть другие идеи): Я хочу создать трехслойное изображение в шаблоне CMS. Уровень 1 (внизу) - фоновое изображение. Слой 2 располагается над частью слоя 1 и представляет собой прямоугольное изображение скрепки в формате A4. Слой 3 (сверху) представляет собой прозрачный PNG (в центре и по его краям), который добавляет границу, тень, логотип типа документа и эффект скручивания страницы в верхнем правом углу документа уровня 2.
Слои 1 и 2 будут загружаться отдельно в CMS, и CSS должен объединить их вместе со слоем 3 для создания эффекта. Проблема заключается в том, что эффект завивки страницы работает, верхний правый угол слоя 2 должен быть замаскирован, чтобы вы могли видеть весь путь от уровня 3 до уровня 1. Я надеялся, что свойство clip позволит мне указать небольшой квадрат в верхнем правом углу слоя 2, который должен быть невидимым.
Альтернатива: Использовать графическую программу для объединения слоев 1 и 3 вместе и оставить прозрачную область для слоя 2. Затем с правильным позиционированием вы можете разместить новое комбинированное изображение поверх слоя 2 для достижения такого же эффекта. Тем не менее, я надеялся избежать подготовки графики, как это, потому что вы можете также создать все изображение таким образом.
