css – calc()100%#px

前端之家收集整理的这篇文章主要介绍了css – calc()100%#px前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在努力实现一些我甚至不能肯定这是可能的.

我试图在我的网站的导航下放置一个特定的阴影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);它没有任何问题,但是这对于任何对象来说都不够灵活.

这是甚么可能吗?我甚至有意义吗?

解决方法@H_403_24@
我不是100%肯定的,但 working draft描述了计算的两边的运算符形成一个子表达式(单一类型).

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

更新:我做了一个小测试,似乎也工作正常.你确定你的选择器和位置在html是正确的吗?检查这个Fiddle.

猜你在找的CSS相关文章