Я пытаюсь достичь чего-то, чего я даже не уверен в этом.
Я пытаюсь разместить для PNG изображение под кадром тени PNG. Однако я также хочу повторно использовать эту способность для любого объекта, который я желаю на сайте, будь то изображение, div или кнопка. В основном используйте одно и то же изображение тени для любого объекта.
Используя функцию css3 calc(), я пытаюсь сделать высоту объекта @100% + 25px (высота png).
Я пробовал стиль:
height: -webkit-calc(100% + 25px);
height: -moz-calc(100% + 25px);
height: -o-calc(100% + 25px);
Но из того, что я могу собрать в Firebug, 100% + 25px - это новый 100%, поскольку ничего не получается.
Я также пробовал:
height: -webkit-calc(100% + 25px);
height: -moz-calc(100% + 25px);
height: -o-calc(100% + 25px);
background-position: 0 -moz-calc(100% + 25px);
Но и радости здесь тоже.
Если я использую calc (3em + 25px); это не проблема, но это недостаточно гибко для работы над любым объектом.
Возможно ли это? Я даже понимаю смысл?!