在SVG文件中，我的CSS隐藏文本不显示
在SVG文件中，如果你的CSS隐藏文本不显示，可能是由于以下几个原因：
- CSS选择器错误：请确保你正确地使用了CSS选择器来隐藏文本。常见的隐藏文本的CSS选择器包括：
display: none;、visibility: hidden;、opacity: 0;等。你可以检查一下你的CSS代码，确认选择器是否正确。 - CSS属性不支持：SVG文件中的CSS属性可能与普通的HTML文件中的CSS属性有所不同。请确保你使用的CSS属性在SVG中是有效的。例如，
display: none;在SVG中可能无效，你可以尝试使用其他的CSS属性来隐藏文本。 - 元素嵌套问题：在SVG文件中，元素的嵌套关系可能会影响文本的显示。请确保你的文本元素正确地嵌套在其他元素内部，并且没有被其他元素遮挡。
- 文本颜色与背景颜色相同：如果你的文本颜色与背景颜色相同，那么即使文本是显示的，也会看起来像是隐藏的。请检查一下文本的颜色和背景的颜色是否相同。
如果你仍然无法解决问题，可以尝试以下方法：
- 使用其他的CSS属性：尝试使用其他的CSS属性来隐藏文本，例如
fill: transparent;可以将文本颜色设置为透明。 - 使用JavaScript：如果CSS无法解决问题，你可以尝试使用JavaScript来动态地隐藏文本。通过JavaScript，你可以在加载SVG文件后，通过修改元素的样式来隐藏文本。
- 检查SVG文件结构：检查一下SVG文件的结构，确保文本元素正确地嵌套在其他元素内部，并且没有被其他元素遮挡。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云SVG图像处理：https://cloud.tencent.com/product/tci
- 腾讯云CSS样式管理：https://cloud.tencent.com/product/css
- 腾讯云JavaScript开发平台：https://cloud.tencent.com/product/js
相关·内容
2回答
我的目标:打印一个SVG到一个单一的页面(任何纸张大小)全尺寸的html页面在Chrome (电子)。我生成了一个SVG，其中包含应以特定字体显示的文本。这是一个自定义字体，我包含在css中(使用字体松鼠)，也用于网站中的<
浏览 0提问于2015-10-29得票数 2
3回答
我想使用一个外部样式表来设计一些SVG精灵，详见这个和W3C的。但是CSS不是很，呃，标准 fill: red; stroke-width: 3因为它不使用进行验证。
怎么回事？
浏览 4提问于2013-08-27得票数 6
回答已采纳
在我的SVG图中，我希望当我将鼠标悬停在圆圈的搜索上时出现一个文本。它在一个简单的设置中工作，但在最终的图示中不起作用。 我遗漏了什么？我认为.btn1:hover + .ctxt1是正确的选择器，我已经一遍又一遍地检查了一切。="shape 4" data-tabindex="0" &#
浏览 25提问于2021-09-01得票数 2
回答已采纳
我正在实现的设计有一个通用的“帐户”按钮，它的唯一内容是用户图标(和一个微小的下拉图标)。向按钮(“您的帐户”)添加标题属性就足够了，还是应该在按钮中添加文本(同时让屏幕阅读器可以访问)，或者两者兼而有之？
浏览 2提问于2014-02-07得票数 6
回答已采纳
3回答
所有这六幅图片都有各自的文本，它们发光/颜色:当点击各自的点/图像时，白色，现在的问题是，我在图像/点上有一个图像/图标，当我点击另一个图像/点时，它没有隐藏。两个问题- 1.图标不隐藏2.点/图像不能再点击当点击另一个图像/点在这段视频中，你会看到我有一个点/图像和它各自的</em
浏览 1提问于2019-05-02得票数 0
回答已采纳
，我有超过1张图表在页面上。我有将近30个图，所有的图都被隐藏了(除了显示的那个)。我怎么才能避开这一切？在JS中，它要求目标图的ID。我如何使它只瞄准所显示的图形？这也必须在IE，Chrome，Firefox和Safari中工作，最好是。
编辑:我看到他链接到一个Perl脚本。我</e
浏览 2提问于2013-06-26得票数 0
回答已采纳
3回答
网站预加载器jQuery
、、、、
我在做一个网站，我有一个问题。或者更确切地说，我不知道如何解决空白页问题。如何在DOM准备好之前将加载器图像放在空白页面上？我使用的是jquery和jquery mobile。
网页是这样的：。如果您向右或向左滑动，它将显示一个警告框，
浏览 1提问于2017-02-20得票数 0
2回答
我有一个，它可以跨所有浏览器工作，除了FireFox。我认为44-45的更新可能会起到这个作用，就像一些人在其他与Firefox相关的问题中提到的那样，但这并没有做到。火狐应该像v43一样支持SVG过滤器，这也得到了现代化的支持，所以我只能相信过滤器本身有问题。SVG过滤器被定义为： <filter id="duoton
浏览 2提问于2016-03-16得票数 0
回答已采纳
2回答
我有一段艰难的时间试图弄清楚为什么我不能让这里的图像在悬停时改变颜色。图像本身是svg文件，应该只采用颜色。class="toolTile col-md-3"> <img src="ppt/assets/toolIcons/requestnewcard.svgclass="toolTil
浏览 0提问于2016-01-16得票数 0
1回答
考虑this超文本标记语言片段： <div class="container"></div> 它包含一个SVG元素，该元素在SVG元素的<defs>部分中定义了一个带箭头的短箭头。更具体地说，它包含该映像的两
浏览 16提问于2019-01-24得票数 0
回答已采纳
1回答
我在页面加载上显示一个SVG / CSS加载动画，我通常在页面加载后隐藏包含SVG / CSS的<div>。
当我们在不停止动画的情况下隐藏时，是否存在性能问题？隐藏SVG动画后是否有必要停止动画？在SVG和CSS动画的情况下
浏览 5提问于2018-01-12得票数 0
1回答
我知道使用SVG创建图标按钮的两种方法：
方法1 -将SVG导入文件并将其作为按钮的子元素，使用CSS关闭大多数按钮样式(或重新样式，以满足您的需要)。方法2 --在按钮background-image CSS样式中使用SVG，可能会在视觉上隐藏按钮的文本，以使辅助技术能够访问按钮。除了不能使用CSS在方法2中
浏览 1提问于2021-03-23得票数 0
我使用来自Gatsby的oninitialclientrender、Gatsby API和来自的@TheWeeezel方法来使用React组件作为我的站点的加载屏幕。问题是在定位和填充所需的svg样式的初始加载上有明显的延迟。我尝试了内联样式，而不是使用css文件加载样式，但它仍然会导致相同的延迟。下面是我</
浏览 1提问于2020-07-14得票数 1
我有一个按钮的元素。SVG片段内部链接到主体顶部的包含SVG文件。head__btn"> </svg>当我向Codesniffer查询WCAG2AA遵从性时，它批评道：
使用有效的因此，我在<a>元素
浏览 0提问于2014-08-24得票数 1
2回答
我是SVG的新手，我尝试在我创建的形状中添加一些文本。我是这样做的：，但其中的文本会随着polygone的变化而改变。可以保持文本的大小不变吗？或者至少控制字母的大小？2,10 0,20 18,20 20,10 18,0" />
<text x=
浏览 0提问于2016-06-14得票数 1
2回答
我已经在Sapui5中使用d3创建了一个维恩图。注意:我已经在标签和标签里面创建了圆圈，我已经使用标签来设计圆圈的样式。 d3.select("#save").on("click", function(){
浏览 0提问于2016-05-04得票数 0
3回答
我在固定大小的div (width: 350px; height: 400px;)中有一个SVG，页面加载后一切正常，但在加载过程中，SVG变得过大和损坏，直到CSS生效：下面是代码，HTMLshape-lightblue"></span>1 Completed (33.33%) </ul>
</figcaptio
浏览 0提问于2019-10-31得票数 2
2回答
我们刚刚推出了一个新的网站，并且在Safari的旧版本中遇到了一些问题。下面提供了一个实时链接，希望有人能帮我调试这个问题？我从来没有经历过文本缩进问题。slide-next">Next</a></li>
<li><a href="#scroll-down" id="scroll-down">Scroll Down</a><&#x
浏览 2提问于2015-11-03得票数 2
回答已采纳
3回答
如何在svg中更改标签的背景色。我有一个透明的图像加载在图像标签中，现在我想应用背景来应用颜色选择器的阴影。<svg width="200" height="200"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http:
浏览 16提问于2019-04-16得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
