2016-05-02 25 views
5

C'è un modo per sovrapporre due icone Font Awesome in modo che assomigli all'icona files rispetto all'icona file? Non voglio impilare le icone ma piuttosto avere una copertina come il 50% di un'altra. Grazie!Come sfalsare le icone sovrapposte di caratteri fantastici?

+0

bene inizialmente è possibile utilizzare la proprietà di posizione sulle icone, ma il suo sarà grande se si condivide un codice u provato .. –

risposta

10

Perché non utilizzare solo il riempimento CSS per sfalsare una delle icone?

<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

poi cosa è sbagliato con questa icona 'FA-files-O' . http://fortawesome.github.io/Font-Awesome/icon/files-o/ –

+1

Penso che OP stava usando l'icona dei file come esempio. Presumibilmente, vuole sovrapporre due icone diverse. – Matthew

+0

@ Matteo Esattamente. Grazie mille per il rapido responso! Ho dimenticato che puoi aggiungere padding agli elementi in linea. – daveslab

Problemi correlati