我正在努力实现一些我什至不太确定是否可能在这里实现的目标。
我正在尝试在我的网站的导航下放置一个特定的阴影 PNG 图像。但是，我也想将此功能用于我希望在网站上的任何对象，无论是图像、div 还是按钮。基本上对任何对象使用相同的阴影图像。
使用 css3calc()函数我试图做对象的高度@ 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); 它没有问题，但这不够灵活，无法处理任何对象。
这甚至可能吗？我还有道理吗？！