calc()100%+ #px

Question

我正在努力实现一些我甚至不太确定的事情.

我正在尝试在我的网站的导航下放置一个特定的阴影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); 它没有问题,但这不足以灵活地处理任何对象.

这甚至可能吗？我甚至有意义吗？!

Answer 1

我不是百分百肯定,但工作草案描述了计算两边的运算符形成一个子表达式(单一类型).

由于您将相对值(%)与绝对值(px)组合在一起,因此可能无法完成计算.

更新:我做了一个小测试,看起来工作得很好.你确定html中的选择器和位置是否正确？检查这个小提琴.