2016-09-16 52 views
1

我試圖籠絡HTML元素的SVG線,而:是否可以顯示並忽略HTML元素?

  1. 這些行應的元素之上。
  2. 這些元素應該是可點擊和可選的,也就是說,SVG沒有包含能夠點擊或選擇它們的元素。

由於線路的z-index不能單獨從SVG的z-index(據我所知),只有這樣,我想過是給SVG高z-index,但將其設置在條件被忽略配置破壞下面的元素。

這可能嗎?

任何其他想法如何在不中斷點擊和選擇元素的情況下實現元素上的線條?

謝謝

回答

3

您可以將下面的CSS添加到SVG行。

pointer-events: none; 
+0

令人驚訝的簡單和完美。似乎工作真棒。謝謝! –

+0

對於這個解決方案是+1(你應該接受這個@TomerHadad!)。但請注意,舊版瀏覽器不支持它(請參閱[我可以使用](http://caniuse.com/#feat=pointer-events))。記住這一點,如果你已經同意你的客戶端瀏覽器的兼容性。否則,你應該寫一個JavaScript傳遞點擊事件。 – giorgio

+0

好點,謝謝。我會牢記這一點。 –