Ich weiß nicht, ob dies direkt mit Ihrem Problem zusammenhängt, aber ich habe einige Beschwerden darüber, wie Sie den Hintergrund für die Seite festlegen.
Sie legen ein Hintergrundbild für das htmlElement fest und gestalten das bodyElement dann. Es ist möglicherweise besser, das htmlElement unberührt zu lassen, einen Hintergrund auf das bodyElement anzuwenden und den Rest des Stylings bei Bedarf für ein anderes Containerelement auszuführen. Ein potenzielles Risiko, auch wenn es etwas weit hergeholt ist, ist, dass eine Erweiterung oder ein Browser entscheidet, dass das bodyElement einen durchgehend weißen Hintergrund hat, der Ihren Hintergrund verdeckt.
Das Bild ist mit 616 kB ziemlich stark ausgelastet. Wenn es aus irgendeinem Grund nicht geladen wird oder wenn es langsam geladen wird, kann der Benutzer den Text nicht vor dem weißen Standardhintergrund sehen. Ich würde vorschlagen, auch eine Farbe als Hintergrundfarbe in das Hintergrundattribut zu setzen.
Darüber hinaus geben Sie das Hintergrundbild als relative URL an. Dies ../img/bg.jpgkann ein Problem sein, wenn Sie eine Linkstruktur mit mehr als zwei Ebenen haben. Meines Erachtens wäre es eine gute Praxis, diese als absolute Adresse anstatt als relative Adresse anzugeben.
Die letzten beiden Punkte würden einen empfohlenen Code wie etwa Folgendes enthalten:
background: #0a0102 url(/img/bg.jpg) no-repeat center center fixed;