如何使用字体图标作为背景图像?

用户名

1)我知道我可以使用带有,伪选择器(之前,之后)和“内容”的字体图标,但这不是可扩展的解决方案,因为我需要在不同情况下对填充,左侧,顶部等进行很多更改

2)使用数据URI可以使用svg,但是我需要根据不同的操作来更改svg的填充/颜色。我尝试了fill属性,但它实际上没有用。

我可以更改/编辑外部颜色,但是我有很多变化,而且再次无法缩放


图标字体(例如FontAwesome)随浏览器的SVG文件一起提供。可以以某种方式在CSS中使用该文件(例如图像精灵)吗?

梅尔文·考普曼斯(Melvin Koopmans)

如果要修改SVG的属性,则必须内联放置。因此,使用SVG作为背景修改属性将不起作用。

像FontAwesome这样的库为您提供了font,而不是svg您也不能将其设置为背景的。

我看不到使用psuedo-selectors:before和:after的问题。我认为它们具有很好的可扩展性。

如果您确实想以其他方式进行操作,则应与我们共享一些代码,以便我们更好地了解您要执行的操作。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用“材料设计”图标作为CSS背景图像值?

来自分类Dev

使用字体作为图标库

来自分类Dev

如何使用CSS将文本颜色作为背景图像?

来自分类Dev

使用img src作为背景图像

来自分类Dev

是否可以在Android中为图像/图标使用字体

来自分类Dev

是否可以在Android中为图像/图标使用字体

来自分类Dev

如何使用字体-很棒的加载图像

来自分类Dev

如何在媒体查询中使用 API 返回的图像作为背景图像?

来自分类Dev

如何在媒体查询中使用 API 返回的图像作为背景图像?

来自分类Dev

仅部分图像显示为我的背景图像。如何使用CSS获取完整图像作为背景?

来自分类Dev

仅部分图像显示为我的背景图像。如何使用CSS获取完整的图像作为背景?

来自分类Dev

使用背景图像更改悬停图标的颜色

来自分类Dev

SVG作为背景图像

来自分类Dev

SVG作为背景图像

来自分类Dev

Javascript:在svg中使用字体图标。如何使用“ \ u”?

来自分类Dev

如何使用Tkinter添加背景图像

来自分类Dev

如何使用jquery设置背景图像

来自分类Dev

如何使用JavaScript使背景图像透明

来自分类Dev

如何使用<img>元素作为具有z-index的背景图像?

来自分类Dev

如何在符号标签中使用SGV作为背景图像

来自分类Dev

如何在Uno平台上使用字体图标

来自分类Dev

如何让用户选择文件作为背景图像?

来自分类Dev

如何获得内联SVG代码作为背景图像?

来自分类Dev

使用SKSPriteNode作为背景图像时FPS低

来自分类Dev

在SVG中使用WebP作为背景图像

来自分类Dev

WebGL –使用网格作为背景图像的遮罩

来自分类Dev

根据背景图像更改字体颜色

来自分类Dev

使字体颜色与背景图像相同

来自分类Dev

根据背景图像更改字体颜色

Related 相关文章

  1. 1

    如何使用“材料设计”图标作为CSS背景图像值?

  2. 2

    使用字体作为图标库

  3. 3

    如何使用CSS将文本颜色作为背景图像?

  4. 4

    使用img src作为背景图像

  5. 5

    是否可以在Android中为图像/图标使用字体

  6. 6

    是否可以在Android中为图像/图标使用字体

  7. 7

    如何使用字体-很棒的加载图像

  8. 8

    如何在媒体查询中使用 API 返回的图像作为背景图像?

  9. 9

    如何在媒体查询中使用 API 返回的图像作为背景图像?

  10. 10

    仅部分图像显示为我的背景图像。如何使用CSS获取完整图像作为背景?

  11. 11

    仅部分图像显示为我的背景图像。如何使用CSS获取完整的图像作为背景?

  12. 12

    使用背景图像更改悬停图标的颜色

  13. 13

    SVG作为背景图像

  14. 14

    SVG作为背景图像

  15. 15

    Javascript:在svg中使用字体图标。如何使用“ \ u”?

  16. 16

    如何使用Tkinter添加背景图像

  17. 17

    如何使用jquery设置背景图像

  18. 18

    如何使用JavaScript使背景图像透明

  19. 19

    如何使用<img>元素作为具有z-index的背景图像?

  20. 20

    如何在符号标签中使用SGV作为背景图像

  21. 21

    如何在Uno平台上使用字体图标

  22. 22

    如何让用户选择文件作为背景图像?

  23. 23

    如何获得内联SVG代码作为背景图像?

  24. 24

    使用SKSPriteNode作为背景图像时FPS低

  25. 25

    在SVG中使用WebP作为背景图像

  26. 26

    WebGL –使用网格作为背景图像的遮罩

  27. 27

    根据背景图像更改字体颜色

  28. 28

    使字体颜色与背景图像相同

  29. 29

    根据背景图像更改字体颜色

热门标签

归档