我正在研究SVG的形状：矩形。问题出在IE中，其形状是不可见的。
对于Firefox：
<rect matrix="1,0,0,1,320,100" invmatrix="1,0,0,1,-320,-100" transform="matrix(1,0,0,1,320,100)" stroke="rgb(0,0,255)" stroke-opacity="1" stroke-width="0.5" fill="rgb(200,230,255)" fill-opacity="0.3764705882352941" width="100" height="30" rx="10" ry="10">
：
<rect matrix="1,0,0,1,320,100" invmatrix="1,0,0,1,-320,-100" transform="matrix(1,0,0,1,320,100)" stroke="rgb(0,0,0)" stroke-opacity="0" stroke-width="0" fill="rgb(0,0,0)" fill-opacity="0" width="100" height="30" rx="10" ry="10">
问题是由属性引起的：fill和stroke !!
我怎么解决这个问题 ？
答案 0 :(得分：3)
问题在于，在标记的“IE”版本中，您指定了笔触不透明度为0且填充不透明度为0.这意味着笔划完全透明，填充也意味着整件事是看不见的。
“Firefox”版本是不透明的，这就是为什么你可以看到它。
答案 1 :(得分：0)
在这里查看http://validator.w3.org/可能是一个好的开始 我不确定问题是什么，但您考虑过使用polyfill。 即使是http://raphaeljs.com，也可以解决很多问题