The problem is, that the floating black rectangle appears, but there are no arrows inside. I did a little research and found out, that the cause was this CSS rule:
Code: Select all
background-image: url('./images/sprite.svg'); /* SVG image */
So I'm assuming, there is something different about CSS rules, or SVG handling on "non-localhost" pages. I have reproduced the exactly same results with Chrome (48.0), Firefox (44.0) and MS Edge (25.0).
Is there any other way to fix this part from deleting SVG background from CSS rules? Thank you.