2016-09-16 12 views
1

ながら私は、HTML要素の上にSVGの線を描画しようとしています:行は要素の上にあるべきHTML要素を表示したり無視したりすることはできますか?

  1. 要素はクリック可能で選択可能でなければなりません。つまり、要素をクリックまたは選択できるという意味でSVGは要素をカバーしません。

ラインのz-indexは(私が知っているから)、唯一の方法は、私は用語で無視されるようにSVG高いz-indexを与えるが、それを設定することですについて考えSVGのz-indexとは別に設定することができないので下の要素を混乱させる。

これは可能ですか?

クリックして選択する機能を中断することなく、要素の上に線を実装する方法は他にもありますか?

ありがとうございました

答えて

3

次のCSSをSVG行に追加できます。

pointer-events: none; 
+0

驚くほど簡単で完璧です。すごくうまくいっているようだ。ありがとう! –

+0

えええええええええええええええええええええええええええええええええええええええ!ただし、古いブラウザではサポートされていません([Can I Use](http://caniuse.com/#feat=pointer-events)を参照)。クライアントとのブラウザの互換性に同意している場合は、この点を念頭に置いてください。それ以外の場合は、clickイベントを渡す小さなjavascriptを記述する必要があります。 – giorgio

+0

大きなポイント、ありがとうございます。私はそれを念頭に置いておきます。 –

関連する問題