我正在努力实现一些我甚至不太确定的事情。
我正在尝试在导航下为我的网站放置一个特定的阴影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）;它没有问题，但是它不够灵活，无法处理任何对象。
这甚至可能吗？我甚至有意义吗？！
答案 0 :(得分：9)
我不是100％肯定，但是working draft描述了计算两边的运算符形成一个子表达式（单一类型）。
由于您将相对值（％）与绝对值（px）组合在一起，因此可能无法完成计算。
更新：我做了一个小测试，看起来工作得很好。你确定html中的选择器和位置是否正确？请检查此Fiddle。