css – 如何抵消重叠的Font Awesome图标?

前端之家收集整理的这篇文章主要介绍了css – 如何抵消重叠的Font Awesome图标?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法重叠两个Font Awesome图标,使其看起来像 file图标的 files图标?我不想堆叠图标,而是有一个像50%的另一个盖子.谢谢!

解决方法

为什么不使用CSS填充来抵消其中一个图标?
<span class="fa-stack fa-lg">
  <i class="fa fa-file fa-stack-2x"></i>
  <i class="fa fa-file fa-stack-2x" style="padding-left:15px;padding-top:15px;"></i>
</span>

小提琴:http://jsfiddle.net/mwatz122/sx7fk582/

猜你在找的CSS相关文章