2016-05-02 8 views
5

Czy istnieje sposób na zachodzenie na siebie dwóch ikon z czcionką Awesome w taki sposób, aby wyglądała ona jak ikona files w odniesieniu do ikony file? Nie chcę układać ikon, ale raczej mieć jedną okładkę, taką jak 50% innej. Dzięki!Jak skompensować nakładające się ikony z czcionką Awesome?

+0

dobrze początkowo można użyć właściwości position na ikony, ale jej będzie wielki, jeśli podzielić się kod u próbował .. –

Odpowiedz

10

Dlaczego po prostu nie używać wypełnienia CSS do przesunięcia jednej z ikon?

<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

następnie co niewłaściwy z tej ikonie 'fa-files-O' . http://fortawesome.github.io/Font-Awesome/icon/files-o/ –

+1

Myślę, że OP używał właśnie ikony plików jako przykładu. Przypuszczalnie chce pokryć dwie różne ikony. – Matthew

+0

@Matthew Dokładnie. Dzięki za szybki odpoczynek! Zapomniałem, że można dodać dopełnienie do elementów śródliniowych. – daveslab

Powiązane problemy