Switching from opacity:0 to display:none. Latter uses less resources even though it still exhibits the issue of pieces not being displayed (CSS not being applied) in Chrome and mobile Safari.
In fixing the issue with IE not displaying images at 100% I seem to have stumbled onto the solution for elements of the SVG disappearing.