0

我正在使用 SVG 处理形状：矩形形状。问题出在形状不可见的 IE 中。

对于火狐：

<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">

在 IE 上：

<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!! 我怎么解决这个问题 ？

4

2 回答 2

3

问题是，在您的标记的“IE”版本中，您已指定描边不透明度为 0，填充不透明度为 0。这意味着描边是完全透明的，填充也是如此，这意味着整个事情是无形的。

“Firefox”版本是不透明的，这就是您可以看到它的原因。

于 2013-10-18T09:12:53.113 回答
0

检查这里http://validator.w3.org/可能是一个好的开始我不确定问题是什么，但您是否考虑过使用 polyfill。 http://raphaeljs.com在 ie 方面可能会解决很多问题

于 2013-10-18T09:07:33.400 回答