Currently, I am experimenting with Raphael JS to create visually appealing SVG graphics on a webpage. You can view my progress at . Most browsers display the graphics properly except for Opera 11. In Opera, the graphics fail to render when clicking on any menu options. Has anyone encountered this issue before and knows why the SVG graphics won't appear?
Upon inspecting the code in Opera's developer tools (ctrl + shift + i), the svg element is visible. However, only after interacting with specific svg path elements in Dragonfly does it eventually become visible - not during initial loading. My approach involves layering multiple divs and toggling visibility states using CSS properties like display:none/block and visibility:visible/hidden.
If anyone has faced similar challenges or has insights to share, I would greatly appreciate hearing from you!