在Internet Explorer中隱藏SVG形狀

我正在使用SVG形狀：矩形形狀。問題出在形狀不可見的IE中。在Internet Explorer中隱藏SVG形狀

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

上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 !! 我該如何解決這個問題？

來源

2013-10-18 user2725251

我很遺憾地通知您，您不是使用JavaScript進行編碼：您顯然使用了一種名爲SVG（可縮放矢量圖形）的標記語言。我編輯了這個問題以避免混淆。 –

在這裏檢查http://validator.w3.org/可能是一個好開始我不確定是什麼問題，但你有沒有考慮使用polyfill。 http://raphaeljs.com可能會解決許多問題，例如

來源

2013-10-18 09:07:33 TarranJones

問題是，在標記的「IE」版本中，您指定了筆畫不透明度爲0和填充不透明度爲0.這意味着中風是完全透明的，填充意味着整個事物是不可見的。

「Firefox」版本是不透明的，這就是爲什麼你可以看到它。

來源

2013-10-18 09:12:53

在Internet Explorer中隱藏SVG形狀

回答

相關問題