Ich führe das css bis zum Ende des head Tags

Question

Ich möchte css zu head tag hinzufügen und es sollte die Seite wie ich habe Textfeld auf meiner Seite wenn Benutzer hinzufügen Hintergrundbild URL in diesem Textfeld auf keyup css erstellt wird in Head-Tag für Körper Hintergrund. CSS für Body-Tag wird in dem Start von head-Tag, aber kein Einfluss auf Seite Hintergrund :(.

Frage ist, kann ich hinzufügen CSS am Ende des Head-Tages erfolgreich hinzugefügt? es wird meinen Körper Hintergrund ändern?

ich tue dies mit jquery, bitte helfen

Answer 1

Get Lösung mit Code und Syntax unten.

mehrere Klassen- und ID-Selektoren können hinzugefügt werden, um das vollständige Layout der Seite zu ändern.

es wird nur das Hintergrundbild kann

$("head").append("<style type=\"text/css\" charset=\"utf-8\">body{background:url("+yourimage variable +") top repeat-x;}"); 

und mehrere CSS-Klasse unter

$("head").append("<style type=\"text/css\" charset=\"utf-8\">body{background:url("+bgimg+") top repeat-x;}#modulebasicInfo{background:#000;}"); 

Answer 2

können nicht einfach Sie das CSS-Attribut mit jQuery direkt ändern?

$(document).ready(function(){ 
     ("body").css({'background-color' : 'yellow'}); 
}); 

Answer 3

der Kopf-Tag Meta-Informationen der Seite enthält. Es ist nicht visuell ist so das Hinzufügen css Es wird keine Wirkung haben.

jQuery fügt dem head-Tag zur Laufzeit nichts hinzu, es manipuliert den DOM-Baum, den der Browser erstellt hat.

Answer 4

überprüfen Sie Ihre CSS, die Hintergrundfarbe durch ein verknüpftes Stylesheet Zurücksetzen nach dem CSS Sie hinzugefügt wird, hinzufügen möchten können ...

es am Ende des Kopfes Tag hinzufügen, wird es ermöglichen, außer Kraft zu setzen die Einstellungen in Ihrem CSS-Stylesheet korrekt.