我正在努力实现一些我甚至不能肯定这是可能的.
我试图在我的网站的导航下放置一个特定的阴影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);它没有任何问题,但是这对于任何对象来说都不够灵活.
这是甚么可能吗?我甚至有意义吗?
解决方法
我不是100%肯定的,但
working draft描述了计算的两边的运算符形成一个子表达式(单一类型).
由于您将相对值(%)与绝对值(px)组合,因此可能无法完成计算.
更新:我做了一个小测试,似乎也工作正常.你确定你的选择器和位置在html是正确的吗?检查这个Fiddle.