当前位置: 首页 > 知识库问答 >
问题:

伪类之前的:会影响SVG中的tspans吗?

宋烨烁
2023-03-14

我可以将:before CSS伪元素与SVG tspan元素一起使用吗?

具体地说,我正试图使字体在SVG中工作得非常好,而不必像这里所解释的那样对所有字符进行重新编码,而只是向元素添加正确的类。

换句话说,我希望能够做到这一点:

<tspan
   class="fa fa-meetup"
   x="12.70"
   y="17"></tspan></text>

并看到它的工作。

共有1个答案

匡安宜
2023-03-14

根据这篇文章,可以将SVG作为背景添加到psuedo类中,避免与SVG发生任何冲突:

有没有办法在伪元素中使用SVG作为内容:之前或之后

因此,无需尝试将FontAwesome类作为元素的选择器,您可以将元素设置为需要的任何位置,并补偿加载的背景SVG。

为了回答您的评论,您需要将FA编码到新的类中,以使其按照您要求的方式工作,因为FontAwesome默认使用i。其工作原理如下:

.your-class {
   content: "/f121";
}
 类似资料:
  • https://play.vuejs.org/#eNp1UEFOwzAQ/MrKSAgOJEaoEjKhEt9AuaS2S... 这是代码地址可以看到异常效果,将 position: relative; 注释就正常了,这是什么原因呢?有什么方法可以解决吗? // 谷歌浏览器

  • 问题内容: 这是大多数DAO中使用的典型设置: 我看到只有呼叫,否或。 因此,当我从不在会话中返回实体时,无法加载惰性集合。类似地,保存似乎总是同花顺! Spring 的注解本身就具有开启和关闭会话以及交易的魔力吗? 问题答案: 在Spring中,由划定的业务交易与hibernate之间存在一一对应的关系。 也就是说,当通过调用方法开始业务交易时,将创建hibernate会话(Transactio

  • 问题内容: 我知道CSS选择器具有最高的优先级(即< )。 我还知道,如果事物具有相同的特异性,那么最后一个调用的语句将具有优先权: HTML类在DOM元素上的排序是否会影响语句优先级? 问题答案: 我不得不不同意乔恩和沃森的回答,因为… 是的, 可以 (取决于声明) 您的问题是: CSS类在DOM元素上的排序是否会影响语句优先级? 哪个确实取决于所讨论的语句。 HTML排序通常不重要 当直接调用

  • 问题内容: varchar列上的索引是否会使查询运行缓慢?我可以将其设为int。而且我不需要做LIKE%比较。 问题答案: varchar列上的索引是否会使查询运行缓慢? 不,不是的。 如果优化器决定使用索引,则查询将运行得更快。 该表上的s / s / s会变慢,但不太可能引起注意。 我不需要做LIKE%比较 请注意,使用: …将 不 使用索引,但以下内容将: 关键是在字符串的左侧使用通配符,这

  • 我的印象是,在完成时放入的任何内容都发生在与生成它的线程完全分离的线程上。但今天我们遇到了一个事件,从我们的日志中可以看出,当完成时,似乎从

  • 注意: Internet Explorer和Safari不支持SVG滤镜! <defs> 和 <filter> 所有互联网的SVG滤镜定义在<defs>元素中。<defs>元素定义短并含有特殊元素(如滤镜)定义。 <filter>标签用来定义SVG滤镜。<filter>标签使用必需的id属性来定义向图形应用哪个滤镜? SVG <feOffset> 实例 1 <feOffset>元素是用于创建阴影效