gpt4 book ai didi

css - 仅使用 CSS 规则将 Awesome 堆叠图标重新定义为一个图标

转载 作者:行者123 更新时间:2023-11-28 10:17:57 24 4
gpt4 key购买 nike

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>

我想定义 CSS 规则 (myclass),以便我可以在一个 span 中使用它。

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


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

最佳答案

如果我没理解错的话,当然可以。

您应该创建一个通用类来为您的图标和要添加的背景图像建立间距,然后创建一个链式或互补类来确定 Sprite 的背景位置。

编辑:我没有意识到您实际上想要在另一个图标之上显示多个图标。那是完全不同的事情。您可能希望使用定位来做到这一点。

关于css - 仅使用 CSS 规则将 Awesome 堆叠图标重新定义为一个图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18293872/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com