2016-05-02 28 views
5

Gibt es eine Möglichkeit, zwei Font Awesome-Symbole so zu überlappen, dass es wie das Symbol in Bezug auf das Symbol file aussieht? Ich möchte die Icons nicht stapeln, sondern ein Cover wie 50% eines anderen haben. Vielen Dank!Wie überlappen Font Awesome Symbole?

+0

anfänglich gut können Sie Eigenschaft position auf die Symbole verwenden, aber seine wird groß sein, wenn Sie einen Code teilen u versucht .. –

Antwort

10

Warum nicht einfach CSS-Padding zum Versetzen eines der Symbole verwenden?

<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> 

Fiddle: http://jsfiddle.net/mwatz122/sx7fk582/

+0

dann, was ist falsch mit diesem Symbol 'fa-files-o' . http://fortawesome.github.io/Font-Awesome/icon/files-o/ –

+1

Ich denke, OP hat nur das Dateisymbol als Beispiel verwendet. Vermutlich möchte er zwei verschiedene Symbole überlappen. – Matthew

+0

@Matthew genau. Vielen Dank für die schnelle Antwort! Ich habe vergessen, dass Sie Inline-Elemente auffüllen können. – daveslab