我尝试使用SVG图标(位于SVG精灵中)作为CSS伪元素。它们在HTML中工作得很好，但是当我将它们导入到我的CSS中时，什么也没有出现。问题出在哪里？工作HTML： <svg width="48px" height="48px">
<use xlink:href="/assets/images/icons-sprite<
浏览 12提问于2021-07-08得票数 1
我正在尝试创建一个供大型团队经常使用的精灵。我想自动创建它，这样任何人都可以将新图标放到/source文件夹中，然后运行一个任务来更新子画面和相应的CSS文件。我一直在使用grunt spritesmith，它工作得很好，除了它不支持自动添加:hover规则。我还尝试了grunt-iconizr和grunt-svg-sprite。后者支持悬停(通过将您的文件命名为SVG，foo~hover.png)，但只能将SVG文件作为输入(我没有)。
我
浏览 1提问于2014-03-21得票数 1
我用最常见的方式用SVG-image替换了一个复选框按钮： content: url("data:image/svg+xml,<svg ...> ...</svg>");}
有没有什么办法，我可以用CSS来定位我的SVG的路径来改变它的填充呢？可能不会
浏览 3提问于2016-05-13得票数 0
我一直在学习SVG，并偶然发现了。提交人说，
大多数CSS选择器可用于选择SVG元素。除了一般类型、类和ID选择器之外，SVG还可以使用CSS2 2的动态伪类(：悬停、:active和:focus)和伪类(第一子类、：访问、链接和:lang )进行样式设计。其余的CSS2伪类，包括那些与生成的内容有关的类(例如：：preadand：：part )，并不是SVG语言定义的一部分，因
浏览 5提问于2017-02-14得票数 17
回答已采纳
无法找到使用css :before在<use>标记中添加<use>的示例。到目前为止，我已经尝试过： content : '<use xlink:href="test.svg#icon-test"></use>';有人知道正确的方法吗？基本上，最终的结果应该是
浏览 3提问于2015-02-13得票数 2
回答已采纳
背景我知道您可以通过下载字体并使用文件路径作为来将其包含在CSS中。您还可以下载或为任何图标创建SVG，并将其用作HTML元素。但是，是否可以在CSS伪元素中使用，比如在内容属性:before和:after中使用自托管的SVG？类似于他们的图标的
注
浏览 1提问于2021-10-23得票数 0
1回答
减文件扩展变量
、、
是否可以使用LESS设置文件扩展名变量？我使用精灵作为我的背景图像和使用SVG作为我的文件类型，工作像一个魅力。然而，它显然不工作在IE8-。, jQuery(this).attr('src').replace('.svg', '.png'));}@sprite-Grid: 23px;
浏览 1提问于2013-06-04得票数 2
回答已采纳
我想把>作为一个psuedo元素放在css选择器中，这样我就可以通过添加css选择器.menu-arrow来使任何菜单具有右箭头。我正在尝试用ruby on rails 6来做这件事，但是没有成功。我已经尝试添加svg图标精灵作为背景内容，但它似乎不能正常工作。我的svg精灵 path to svg sprite: app/assets/images/sprites.svg
&
浏览 20提问于2021-08-13得票数 0
当试图通过CSS向SVG文本的实例添加%符号时，使用的是:后伪元素，我遇到了这个问题(提供了)。我在Chrome版本24.0.1312.57上。="percentage2">This is 20</text></div>.wrapper { height:80px;如果我没有指定显示:内联块，则在HT
浏览 4提问于2013-02-18得票数 4
回答已采纳
我在设置web-pack 4和svg-sprite-loader以将svg图标渲染为背景图像时遇到了问题。我按照svg-sprite-loader ()的官方文档中的说明进行操作。我已经成功地在dist文件夹中创建了sprite.svg文件，并将其作为我在html中使用标签的引用。但是，我也尝试使用src/images/icons文件夹中的svg图标作为背景图像
浏览 5提问于2019-08-27得票数 12
3回答
如果我加载HTML页面，这还不错img, svg { margin: 20px;<div> <img src="square.svg"/>circle.svg xmlns
浏览 0提问于2019-06-06得票数 1
我试图切换“活动”CSS类的“禁用”按钮，以使某些SVG的fill属性在单击时更改。 </svg> <div>
<
浏览 3提问于2020-11-03得票数 2
回答已采纳
2回答
在表单顶部或底部添加一个段落，解释星号：<input type="text" id="name">
我需要用SVG图形替换文本星号：
我对S
浏览 4提问于2017-09-13得票数 1
1回答
响应SVG精灵
、、
我正在为一个网站建立一个图标系统，从png和字体图标精灵转移到SVG。对于片段标识符，使用img标记，我必须将宽度/高度设置为与viewbox相同的大小。我希望能够使用百分比值，以便sprite片段填充父容器。
我只想确认这是不可能的，我找不到任何东西表明我认为这是错
浏览 2提问于2015-08-16得票数 0
我使用优秀的 svg - sprite 作为cli，从其他几个svg文件中生成svg sprite。大多数配置都是可以理解的，我得到了svg文件和预期的相关css。我希望生成的svg文件始终具有相同的名称，而不是一个看起来具有短随机字符串的名称，但我无法对其进行配置。有什么建议吗？
配置工具：
浏览 1提问于2017-02-17得票数 0
回答已采纳
我正在尝试用SVG创建一个图表，并用PHP操作数据-数字，当SVG矩形显示数据属性时，我想悬停。但它在“rect”中的::after或：：But选择器中不起作用。<html><style> height:100vh;rect{} top: 100%; right: -7px;}
<
浏览 30提问于2019-09-22得票数 1
回答已采纳
是否可以将SVG指定为背景图像，并在同一CSS文件中设置SVG的样式？我非常喜欢将SVG图像作为单个文件或sprites进行放置、缩放和剪切，但我还不能确定是否可以在将SVG设置为背景图像的同一CSS文件中设置SVG的样式。在伪CSS中，我想做以下操作来根据父元素的类来改变简单形状的颜色： background-image(icon.svg);
ele
浏览 0提问于2011-09-09得票数 27
回答已采纳
1回答
我正在尝试让这个CSS标志精灵的库呈现在我的D3 Force布局图中。
var node = svg.selectAll('.node') .attr('class', function(d){ return 'fl
浏览 2提问于2017-01-06得票数 1
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号