Александр, о да, это будет жестко, пока SVG маска выручает только, но у нее свои ограничения, работает только по ID, и нельзя манипулировать рисунком внутри маски.
Александр, А нет, это опять же из серии, когда фон однородный, не рисунком. Так можно по разному сделать. :) Я все способы собрал. Тут двойное условие, что бы фон под блоком с углами был виден. И внутрь блока с углами нужно заполнить рисунокм. Пока технологии CSS не могут такого сделать.
origami1024, :))) спасибо, это тоже видел, у этого проблема другая, с фоном порядок, НО НЕЛЬЗЯ ВНУТРЬ БЛОКА сделать рисунок фоном :))) тоже не подходит поэтому :) внутрь блока не поместить рисунок.
SVG сделал 100% ширину и высоту по родителю, у него фикс размеры, тут порядок, а вот у элемента RECT не могу никак сделать высоту по родителю :( какой то отступ все же есть. Или RECT или image маска, не могу высоту настроить.
Александр, я уже много чего перепробовал, все в инете перерыл, если есть фон у родителя, то такой блок с внутренним бордер радиус не сделать к сожалению, есть на JS вроде только решение. Легко сделать на белом фоне такой блок блок или на любом однородном. Но если фоном рисунок, то углы будет видно.
Александр, да именно в них и дело, внутренний бордер радиус, скругленные углы дурацкие, ни на CSS никак с фоном не сделать. Вроде к размеру приблизился нужному, но вот в CIRCLE параметр cy не пойму как управлять по осям с помощью одной цифры
