Верстка блока с тенью и со срезанными углами?

Question

[Zanob]

Есть блок такой формы:



Прилагаю, то, что удалось сделать:



Сложность в том, чтобы сверстать его так, чтобы отображалась как на дизайне, все границы блоков доходили до конца и не выходили за пределы срезанных углов.

Реально ли это сделать средствами css и вообще как это можно реализовать?

Answer 1

[WapSter]

Comments

[Zanob]

Спасибо, но в IE работать не будет, интересует кроссбраузерный вариант.

[WapSter]

Zanob, ну придумай альтернативу, например для ie не добавлять срез с тенью, так как я не знаю способа реализовать это. Или используй svg.

[Zanob]

Как использовать svg в этом случае?

[WapSter]

Zanob, рисуешь необходимую тебе фигуру задаешь нужную тень и ставишь как фон.