堆栈3字体真棒图标

Question

我正在尝试将3个图标从字体真棒叠加到彼此旁边。请参阅image以供参考。我知道font awesome有一个堆栈类，但它似乎只有2个图标堆栈并且彼此重叠。此外，我希望各个图标在屏幕区域中具有背景，以便剪切这些区域并且不重叠。 我应该创建一个新的svg并使用它或正在使用css路由值得付出努力。 感谢

Answer 1

我认为新的SVG是您的最佳选择。

参考您的图片，注意到FontAwesome图标是透明的，您将无法将fa-laptop堆叠在fa-desktop和fa-mobile图标前，而不会通过笔记本电脑的屏幕显示它们。

这是一个用CSS堆叠它们的演示和一些绝对定位来向你展示我的意思; https://jsfiddle.net/k3en9L4m/

span.stack{
   position: relative;   
}
span.stack i{
   position: absolute;
}