如何使用css在同一位置显示2个元素？

Question

<div>
<ul class="social-icon">
    <li>
        <a href="#" class="social-facebook">
          <i class="fa fa-facebook"></i>
          <i class="fa fa-facebook ff"></i>
        </a>
    </li>
</ul>
</div>

我想在同一个位置显示这两个图标,就像一个图标......请帮助我.对不起,我的英语不好. 这是jsfiddle编辑器链接

Answer 1

使用以下css:

.social-facebook {
  position:relative;
}

.fa-facebook {
  position: absolute;
  top: 0px;
  left: 0px;
}

注意:您可以根据自己的喜好调整左/上属性.

这是更新的小提琴:http://jsfiddle.net/2N2YF/32/