jquery - 如何使用 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>

我想像一个图标一样在同一位置显示这两个图标...请帮助我。对不起，我的英语不好。 Here is jsfiddle editor link

Answer 1

使用以下 CSS:

.social-facebook {
  position:relative;
}

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

注意:您可以根据自己的喜好调整左侧/顶部属性。

这是更新后的 fiddle :http://jsfiddle.net/2N2YF/32/