2013-03-01 65 views
0

我有一個絕對定位div的html容器。這些div具有在它們之間繪製raphael svg/vml箭頭的點擊事件 - 但是,如果我使用zip索引使html顯示在html頂部,我不能再點擊html div,如果我將它留在html後面我看不到箭頭。帶有html元素的Raphael SVG/vml z索引

有無論如何顯示我的箭頭在HTML的頂部,但仍然能夠點擊下面的HTML?

我有一種感覺,沒有辦法做到這一點,最好的解決方案是在拉斐爾創建我的div元素。誰能幫忙?

我需要的解決方案,工作在所有的瀏覽器IE6,包括起

+1

你的直覺是對的,如果你需要IE6 +的支持,你需要在Raphael重新創建'div'到'rect's。否則,你可以在你的CSS中加入'svg {pointer-events:none}'(僅支持webkit和FF)。 – Duopixel 2013-03-01 15:30:25

回答

0

是,轉換對象是最簡單的解決方案,因爲@Duopixel建議。我想你也可以讓透明度保持在最高水平。

如果div包含多行文本,則需要手動插入換行符。如果是這樣的話,你可以考慮使用多個畫布。您可以保留divs,並在它們之間插入更多的div,每個div都包含自己的Raphael對象,用於在框之間繪製箭頭。雖然大多數拉斐爾的例子都涉及一個大的矩形畫布的頁面寬度,但這不是必需的。