我试图实现一些我甚至不确定是否可能的东西。
我想在我的网站导航下方放置一个特定的阴影PNG图像。然而，我还希望可以重用此功能于网站上的任何对象，无论是图像、div 还是按钮。基本上，使用相同的阴影图像来装饰任何对象。
使用 CSS3 的 calc() 函数，我尝试做到对象的高度@ 100% + 25px（png的高度）。
我已经尝试过的样式:
height: -webkit-calc(100% + 25px);
height: -moz-calc(100% + 25px);
height: -o-calc(100% + 25px);
从Firebug中我所了解的是，百分之百 + 25像素成为新的百分之百，这并没有什么作用。
我还尝试过：
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);则可以正常工作，但这对于任何对象都不够灵活。
这是可能的吗？我的意思是否清楚？！