3

FontAwesome 3.2.1

CSS のみを使用して、Awesome スタック アイコン (フォント アイコンを重ね合わせたもの) を使用したいと考えています。具体的なアイコンを特別な CSS ルールで定義することは可能ですか?

スタック アイコンが使用されるようになったため、icon-check-empty は icon-twitter の上に表示されます。

<span class="icon-stack">
  <i class="icon-check-empty icon-stack-base"></i>
  <i class="icon-twitter"></i>
</span>

代わりに 1 つのスパンで使用できるように、CSS ルール (myclass) を定義したいと考えています。

my.css
  icon-twitter-on-icon-check-empty {  } 
  .....


my.html
  <span class="icon-twitter-on-icon-check-empty" />
4

2 に答える 2

1

私があなたを正しく理解していれば、確かに。

追加するアイコンと背景画像の間隔を確立するためのジェネリック クラスを作成してから、スプライトの背景位置を決定するためのチェーン クラスまたは補足クラスを作成する必要があります。

編集：実際に複数のアイコンを重ねて表示したいとは思いませんでした。それは非常に別の問題です。そのためには、ポジショニングを使用する必要があります。

于 2013-08-17T22:30:40.393 に答える