IT工程師數位筆記本

1.在Firefox瀏覽器 draggable=false 不起作用的問題

https://stackoverflow.com/questions/26356877/html5-draggable-false-not-working-in-firefox-browser   

2. svg在Firefox瀏覽器無法顯示問題和繪制到canvas的問題 

需要使用encodeURIComponent  解決image的src圖片源設置為svg顯示格式為data:image/svg+xml;utf8,<svg>.......</svg>的無法顯示問題！

svg節點設置width和height，解決image設置同樣的src格式無法繪制到canvas的問題！

https://stackoverflow.com/questions/28690643/firefox-svg-canvas-drawimage-error

https://stackoverflow.com/questions/37715672/not-able-to-draw-svg-to-html5-canvas-in-firefox-even-with-height-and-width-set

3. 設置z-index為最大值將其置為最頂層且高于全屏的元素，但是只在chrome中有效（https://my.oschina.net/u/2306318/blog/879608）

有時在全屏狀態下，要點擊按鈕有彈框出現，然而瀏覽器的z-index最大為：2147483647

這時如果用z-index來實現將會有瀏覽器問題。

解決方案是 ：利用繼承，將要彈框的內容寫在全屏的內容里面。這時全屏情況下，將要彈框的內容的層級也會繼承過來，z-index的效果將相對于全屏狀態下！！！