我正在努力实现一些我甚至不太确定的事情.
我正在尝试在我的网站的导航下放置一个特定的阴影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); 它没有问题,但这不足以灵活地处理任何对象.
这甚至可能吗？我甚至有意义吗？!
我正在尝试为CSS转换制作SCSS mixin,我想传递参数.但是,使用变量时,我的位置值的括号将被删除.
编译后的外观如何:
transform: translateX(-100px);
我的混音:
@mixin fadeup ($direction, $value) {
transform: translate#{$direction} ($value);
}
什么时候叫:
@include fadeup(X, 100px);
遗憾地输出:
transform: translateX 100px;
所以围绕100px值的括号丢失了,所以它不起作用.
我有什么想法可以保留括号吗？