为什么属性"fill“在IE 11中不起作用
属性"fill"在IE 11中不起作用的原因是因为IE 11不支持SVG（可缩放矢量图形）的属性"fill"。"fill"属性用于指定SVG图形的填充颜色、渐变或图案。然而，IE 11只支持部分SVG规范，并且对于一些属性的支持不完整。
要解决这个问题，可以考虑以下几种方法：
- 使用其他属性替代"fill"属性：在IE 11中，可以尝试使用"background-color"属性或"background-image"属性来实现类似的效果。
- 使用Polyfill库：可以使用一些Polyfill库，如SVG Web或SVG for Everybody，来为IE 11提供对SVG属性的支持。
- 检测浏览器版本并提供替代方案：可以通过检测用户所使用的浏览器版本，如果是IE 11，则提供替代方案，如使用图片代替SVG图形。
需要注意的是，以上方法只是解决在IE 11中"fill"属性不起作用的问题，并不能保证在其他旧版本的IE浏览器中也能正常工作。因此，在开发过程中，建议进行兼容性测试，并根据实际情况选择合适的解决方案。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云CDN加速：https://cloud.tencent.com/product/cdn
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/product/mu
相关·内容
我在我的实现中使用了填充图表，并且我在内部使用了一个属性“D3”来将颜色应用到在UI中渲染的特定对象。 实际上，我已经在类形状中指定了这个react对象的高度和宽度。当涉及到Chrome和其他浏览器时，这些属性会被采用，但它并不只适用于IE。.attr("y", "10") .attr("text-anchor", "middle"
浏览 24提问于2020-09-18得票数 0
1回答
如果IE只支持SMIL就好了！.fill {
{
0% {fill: #000000;}}<path class="fill" d=&
浏览 1提问于2014-08-04得票数 1
1回答
如何提供拉斐尔条形图的背景图像
、、、、
我正在创建拉斐尔的图表...现在我需要定制渲染图形的外观和感觉，通过在图形背景上提供图像。我尝试通过使用脚本中的" path“元素并更改该路径的"fill”属性来修改图形。问题是:在IE中，路径是由RVML标签(而不是路径)创建的，这就是为什么所述的过程在IE中不起作用。
谁可以帮助
浏览 3提问于2013-08-29得票数 0
(铬)从这里开始，我希望有一个简单的悬停动画，使用transform:scale(2);，并让它转换超过1秒。100px; margin: 0 auto; animation-duration: 3s; } transform: translate(0px);}
.box:hover{
浏览 3提问于2016-04-11得票数 15
回答已采纳
http-equiv="Content-Type" content="text/html; charset=utf-8" />.indicator{
fill我希望能够在SVG本身位于单独的文件中时，从HTML中选择三角形的颜色。
浏览 2提问于2011-09-02得票数 16
回答已采纳
2回答
Margin -left，-top，-bottom都能工作，但是由于某些原因，margin right似乎不适合我在chrome上使用。你知道我该怎么做吗？我已经尝试了几个小时了:c
浏览 0提问于2013-01-22得票数 1
回答已采纳
1回答
正在尝试在IE<11和Safari上实现“”required“”属性。“ alert("Please fill all required fields."); } }
});
浏览 2提问于2015-08-14得票数 1
1回答
我想知道为什么我的工具提示在IE 10上不起作用。我检查了属性，我没有发现IE 10不支持的任何属性。它在IE 11和Chrome上运行良好。有什么想法吗？非常感谢！
浏览 15提问于2017-03-07得票数 1
回答已采纳
1回答
我有3个div都漂浮在左边。我希望将第二个div和第三个div设置为特定的大小(基于像素或百分比)，而将第一个div设置为只占用其余空间。我该怎么做呢？
浏览 3提问于2011-11-24得票数 0
回答已采纳
4回答
在IE中删除窗口属性
、、、
我找不到关于这个问题的任何信息；为什么以下代码在IE中不起作用？window.x = 45;// or delete window['x'];
IE报告"object this support this action“错误。这和IE中的窗口属性迭代有什么关系吗？
浏览 3提问于2009-07-02得票数 68
回答已采纳
我可以很容易地找到在Firefox和Chrome上工作的解决方案，但经过几个小时的试验，我在Internet Explorer和Opera上都没有取得任何进展:它们似乎就是简单地忽略了剪辑路径！
浏览 0提问于2014-01-22得票数 0
1回答
我已经用自己的数据在JS D3中重新创建了超级chord图表。我的实现可以在中找到，尽管该地址可能不会永远保持良好，因此以下是代码(请原谅通篇中的一些错误)： r1 = h / 2, fadeOutA = 0,
var fill.style("stroke", function(d) { return d3.rgb(colors[d.source.index]
浏览 3提问于2014-03-22得票数 3
1回答
我刚刚用IE11做了一个演示。<html><svg width="120" height="120">
<circle style="fill: rgb(
浏览 2提问于2015-05-27得票数 4
回答已采纳
2回答
反应性表单模式IE11
、、、
').dirty && form.get('weight').invalid" class="error-text"> </div>
这工作的铬，但在IE
浏览 4提问于2021-03-15得票数 0
回答已采纳
1回答
此css属性在IE10上无效：但是，如果我将此属性拆分为单独的属性，它将起作用：font-weight: bold;font-family: Arial;font: bold 48px/96px Arial;
你可以使用IE调试器在每个页面上试用它为什么此属
浏览 1提问于2013-04-23得票数 7
回答已采纳
1回答
在考虑使用HTML5为公共部门重新创建一个页面后，我得出的结论是，混合使用HTML5和ARIA将是为残疾人添加更多可访问性的最佳选择。header[role="banner"]{但是无论我怎么尝试，IE8和Google Chrome都不会有任何效果。但是IE8应该可以很好地处理这个问题。
浏览 1提问于2013-04-04得票数 0
我习惯于Wordpress自动地在HTML标签中添加IE特定的ID属性来编写internet explorer特定的css类。我只是注意到，当我在IE9中查看网站时，这个功能目前不起作用。在IE8中...在IE9中...
<html lang="en-US">
浏览 3提问于2013-03-05得票数 0
回答已采纳
我之前在一个网页中使用了jquery flot v0.6，它工作正常，但是这个版本与IE9不兼容。所以我把库升级到了0.7版，但是“行填充属性”不起作用并导致无效的结果。: { data:total, color:"rgb(255, 128,0)&qu
浏览 2提问于2012-07-31得票数 1
回答已采纳
我正在尝试在IE上设置这个范围滑块的样式。这真是一场噩梦。有人知道为什么轨道的填充颜色不起作用吗？它也没有在赛道上应用边界半径。height: 8px; border-radius: 12px; height: 8px; }
&:
浏览 23提问于2019-08-09得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
