Как вырезать изображение с позицией: абсолютное, которое выходит за пределы контейнера/карты ⇐ Html

[Anonymous]

Прокрутите вниз, чтобы получить обновленную информацию
ОРИГИНАЛЬНОЕ СООБЩЕНИЕ:
Я создаю HTML-код карты, и мне бы хотелось стилизовать его, используя изображение, вырезанное под углом. Я перепробовал кучу вещей, но, похоже, ничто не скрывает переполнение изображения! Вот текущая ситуация:


прозрачный круг — это импортированный png, и я не хочу, чтобы отображался бит переполнения (должен быть только розовый квадрат и ничего снаружи).
Текущий код всей карты!
Текущий код всей карты! р>

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

[img]https://f2.toyhou.se/file/f2-toyhou-se/images/94532125_ih8T8ykK5oGsXMd.png[/img]

test  text

Я пробовал разместить «overflow:hidden» в других местах, но безуспешно.
В идеале наклейка должна быть только на темно-розовом квадрате, но я не против это тоже пересекает границу. По крайней мере, на данный момент.
РЕДАКТИРОВАТЬ:
На данный момент я изменил код, чтобы сделать покебол фоном. изображение карты. Я не упомянул ранее, что этот код не может использовать внешний файл CSS из-за ограничений веб-страницы (toyhouse допускает только один уникальный HTML и встроенный CSS), поэтому я не могу использовать псевдо элементы. Я повернул изображение на Paint на 45 градусов, а затем отредактировал карту следующим образом:

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

Непрозрачность и вращение нельзя применять только к покеболу, поскольку это достижимо только с помощью псевдоэлементов. На самом деле это не то решение, которое я искал из-за ограничений, поэтому я оставляю вопрос открытым. Мне бы хотелось, чтобы исходный вопрос нашел другой ответ!

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