SVG图像(背景类)-在Firefox上不起作用
SVG图像是可缩放矢量图形（Scalable Vector Graphics）的缩写，它是一种使用XML描述二维图形的格式。与传统的位图图像（如JPEG、PNG）不同，SVG图像是基于数学方程和几何描述来绘制图形的，因此可以无损地缩放和放大而不失真。
SVG图像在Web开发中有许多优势和应用场景。首先，SVG图像是矢量图形，可以无限放大而不失真，适用于各种分辨率的设备。其次，SVG图像是基于文本的，可以通过编辑文本来修改图像，使得图像的维护和更新更加方便。此外，SVG图像支持交互和动画效果，可以实现各种复杂的图形和动态效果。
在腾讯云的产品中，可以使用腾讯云对象存储（COS）来存储和管理SVG图像。腾讯云对象存储是一种高可靠、低成本、可扩展的云存储服务，适用于各种场景下的数据存储和访问需求。您可以通过腾讯云COS的官方文档了解更多关于该产品的详细信息和使用方法。
链接地址：https://cloud.tencent.com/product/cos
需要注意的是，SVG图像在Firefox上不起作用可能是由于浏览器的兼容性问题或者代码错误导致的。您可以检查SVG图像的代码是否符合规范，并尝试在其他浏览器上进行测试，以确定问题的具体原因。
相关·内容
1回答
SVG图像(背景类)-在Firefox上不起作用
javascript、html、css、image、svg
当我使用类作为背景色(用于笔划)时，我对svg图像有问题，救命！我在我的工作中使用了相同的例子，这个问题只出现在Firefox上： width: 48px; display: inline-block; -webkit-mask: url(https:&
浏览 6提问于2016-09-08得票数 3
回答已采纳
1回答
背景-不适用于IE的位置
css、html、internet-explorer
设置背景位置可以在Chrome、Safari和Firefox上工作，而在IE8-11上不起作用。这里怎么了？layout/logo.png") center right no-repeat; /* fallback image */
background-image: url('data:image/svg+xml;base64,...'), none; /* two bg to only use <
浏览 2提问于2014-09-15得票数 1
2回答
css3动画在mozzila firefox中不起作用
css、animation
我已经制作了这个代码，这导致了使用css3关键帧的动画背景。这段代码在chrome上运行的很好，但是在mozzila firefox.So中不能工作，请帮我解决这个问题。谢谢。
浏览 1提问于2014-02-11得票数 0
1回答
在svg中嵌入svg样式(在Chrome上)
reactjs、svg、embed、css-transforms
正如我所读到的，在另一个svg中嵌入SVG会导致创建另一个文档，从而使那些svg的样式变得复杂.我试图只旋转背景，而不是前svg，它需要保持垂直.它似乎在火狐上工作，但在Chrome上不起作用.有人知道在Chrome中解决这个问题的方法吗？Chrome概述：
Firefox (和需要的)概述：
浏览 5提问于2020-09-26得票数 0
回答已采纳
1回答
SVG像元旋转
css、animation、svg
我需要创建一个具有旋转背景的豆子形状。我有一个带有图像元素的SVG。图像具有“旋转”类。我使用CSS旋转它。它只适用于Chrome。在Firefox中，转换起源: 50% -50%不起作用。在Safari里，我根本看不见图像。
如果你能给我点建议就太棒了。
浏览 6提问于2014-03-19得票数 2
回答已采纳
4回答
在firefox中，img标记中的SVG未加载为图像
html、firefox、svg
我试图使用img标签加载我的svg文件，但它在firefox上不起作用。Chrome显示svg。我试着像这样做，。<img src="http://ubuntu.digitalfront.ca/ghcorp/wp-content/uploads/2014/09/hillsdale.svg" alt="" class="img-resp
浏览 5提问于2014-09-19得票数 10
1回答
打印样式表不显示内联图像
xhtml、printing、image
我有一个奇怪的问题，在Firefox上打印会显示内容中的所有项目，但它在其他浏览器上不起作用。在所有其他浏览器(IE9/8，Chrome，Safari)中，图像根本不显示。这些是内联项目，而不是CSS背景图像。
浏览 3提问于2012-01-31得票数 1
1回答
这种径向渐变在firefox上不起作用：
背景-图像：-moz-径向-梯度(底部中心，900px 900px，#7dd1340%，#137f1e 90%，#137f1e 100%)；
浏览 3提问于2012-05-15得票数 0
回答已采纳
2回答
SVG背景色在Firefox上不起作用
html、css、svg
我遇到了一些关于使用svg的问题。/Tick-Solid.svg) no-repeat 50% 50%; background: url(..但是，颜色并不像预期的那样起作用。它的颜色不是#fab700，而是被解释为背景色。橙色应该是图标的颜色，而不是背景颜色。链接：
在查看第一个示例时，它可以在</em
浏览 1提问于2016-03-07得票数 3
1回答
SVG图像未显示背景图像
svg
如果你打开，你会看到一个SVG图片正在显示，它在IE中运行良好，但在Chrome或Firefox中就不行了。在Chrome & Firefox中，背景图像不会显示，除非你调用直接在浏览器中加载图像( )，下面是SVG文件中的XML，我知道我可以嵌入背景图像，但我想把它拆分出来，这样我就可以对多个文件使用相同的背景图像有没有人知道为什么这不起作用？
浏览 25提问于2015-01-30得票数 1
1回答
滤镜:渐变和背景:固定
css、internet-explorer-8
DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#000000,endColorStr=#3d3c3c); }有没有办法让它在IE8中也有fixed？我甚至没有意识到这是一个问题(根据谷歌，我找不到任何东西)。编辑:我用上面的代码(和相当多的Lorem Ipsum)创建了一个测试页面，并按照应该的方式修复了背景。所以它一定是我的布局中的一些东西。
浏览 3提问于2011-02-17得票数 7
回答已采纳
1回答
CSS掩码在firefox上不起作用
html、css、firefox、svg
我尝试使用掩码显示SVG图像，但在Firefox中没有显示。我的CSS类如下： -webkit-mask: url('../img/arrow-down.svg') no-repeat 100% 100%; background: rgba(67, 67
浏览 12提问于2016-07-29得票数 1
回答已采纳
2回答
元素img与SVG Firefox
html、css、image、firefox、svg
为了在不同的浏览器中兼容svg的所有图像，我对Firefox有一个问题。<img src="image.svg" />
如果您可以看到下面的图像，似乎SVG是重复的。如果我使用svg作为背景图像，问题是我可以做背景-重复:不重复，但在这种情况下，我需要使用<
浏览 1提问于2014-04-17得票数 4
回答已采纳
1回答
max-height:100%不支持firefox和IE
html、internet-explorer、firefox、css
我想用css调整和扩展图像到浏览器的最大高度，但max- height :100%在firefox和IE上不起作用。两者都是最新版本。在FF和IE上，图像以原始大小显示。所以它太大了。它不是背景图像，所以我不想知道background-size:cover。
附言:我不需要图像适合浏览器的宽度。仅最大高度:100%。
浏览 0提问于2012-04-11得票数 1
1回答
css "Image()“选择器是一个有效/广泛实现的标准？
css、standards、w3c
我在为我的公司项目研究如何在背景中重复一段图像(一个精灵)，而不重复所有的图像。我找到的唯一一份文件是在MDN中找到的，并在2014年被删除。
有人知道这个符号的信息吗？实现者、标准状态等。
浏览 4提问于2015-07-08得票数 0
回答已采纳
1回答
设置一个透明的滚动条，并在其后面显示背景图像
html、css、firefox、scrollbar
我在我的站点上使用自定义滚动条，并且我想知道是否有可能在body 后面获得(我的滚动条后面)的背景图像，因为它在textarea中运行得很好。textarea { background-image: url(https://barrycap.com/assets/bg/home.svg</textarea>
</body&
浏览 0提问于2021-05-18得票数 3
2回答
缩放具有复杂动画路径的SVG
javascript、jquery、html、css、svg
我的页面上有SVG的代码。这是一条赛道，我有一辆车，当你沿着这一页往下走时，它会沿着小路滚动。<div class="my-svg-container"> position: absolute;
" class="my-svg" preserveAspectRatio="xMinYMin meet"><d
浏览 0提问于2018-02-12得票数 2
回答已采纳
1回答
后伸展和背景-大小:封面
jquery、html、css、jquery-backstretch
我目前使用CSS作为我的单页网站的全屏背景(由几个1300px高的DIVs组成)。它工作得很好，背景图像在页面的可见部分是全屏的，但在ipad上不起作用。/images/bg-18.jpg");使用CSS方法的DIV示例：
#medias
浏览 9提问于2013-06-16得票数 0
3回答
正文背景在FireFox中不起作用
html、css、firefox、background
我使用了以下代码作为body标签的背景图像。background-color: #2E2E2E;margin-top: 0px;margin-bottom: 0px;background-image: url("images/taling.gif");background-image: url('images&
浏览 0提问于2011-12-31得票数 0
回答已采纳
2回答
如何通过CSS让背景图片/图片拉伸填充容器？
html、css、svg、background-image
我有一个缩放矢量图像，我想让它填充一个容器。在SO上有几个这样的问题，尽管它们有点老了。例如， text-align: left; background-image: url('background_image.svg但是，既然我使用的是svg，那么我是否应该在html中使用svg xmlns标记呢？(附注:我知道IE8完全不能处理svgs)
浏览 5提问于2012-09-26得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
