font-awesome图标的背景可以透明吗？

Question

我正在使用一个字体图标库中的“x”图标，但是它有一个白色的背景。问：字体图标库的背景能否设置为透明？

原因是，我想在一张图片上显示它。请问应该如何设置？

当前的代码如下：

 <i class="fa fa-times fa- m-n"></i>

- Paul Preibisch

Answer 1

是的，Font Awesome 使用 ::before 伪元素来显示其图标，所以只需这样做：

演示 Fiddle

i::before{
    background:transparent;
}

话虽如此，你可能想要使用比简单的i更具体的选择器，例如：

That said, you will likely want to use more specificity than simply i, e.g.:

i[class*=fa-times]::before{
   background:transparent;
}

- SW4