0

私は SVG 要素 ( shape ) を扱ってきましたが、場合によっては、マウスのクリックが透明な要素を通過したり、実際の形状がないと言ったりする必要があります。

これを実現するために、ルート SVG タグの css プロパティに pointer-events:none を使用しました。これは、IE や Mozilla を含むほとんどのブラウザで正常に動作します。

しかし、Safari はこの css プロパティの影響を受けないようです。チェックするフィドルは次のとおりです。

'http://jsfiddle.net/AkashSaikia/52aWw/2/'

これについて考えている体はありますか？または、これに対する回避策はありますか?

4

2 に答える 2

1

fiddleSVG の rect 要素で更新しました。動作しているかどうかを確認してください。

<rect style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0.3; " fill="none" stroke="#ffff00" height="20" width="80"  stroke-width="10" x=2 y=2 opacity="0.3"></rect>

問題は、SVG 要素を含む Safari にありますが、同じ拡張機能/タグを 100% サポートしているわけではありません..

それが機能する場合は、DocType を変更することもできます。

<!DOCTYPE svg PUBLIC “-//W3C//DTD SVG 1.1//EN” “http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”&gt;

結果を教えてください。

于 2013-05-09T07:23:28.063 に答える