我将css添加到head标签的末尾

Question

我想将css添加到head标签中，当用户在此文本框中添加背景图像url时，它应该反映页面，就像我在我的页面上有文本框一样，在主体背景的head标签中创建了keyup css。 body标签的css已成功添加到head标签的开头，但对页面背景没有影响：（。

问题是我可以在head标签的末尾添加css吗？它会改变我的身体背景吗？

我正在使用jquery这样做，请帮助

Answer 1

使用下面的代码和语法获得解决方案。

可以添加多个类和id选择器来更改页面的完整布局。

它只会改变背景图像

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

可以使用下面的

添加多个css类

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

Answer 2

难道你不能直接用jQuery更改css属性吗？

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

Answer 3

head标记包含页面的元信息。它不是直观的，因此向它添加css将没有任何效果。

jQuery在运行时不会向head标记添加任何内容，它会操纵浏览器创建的DOM树。

Answer 4

检查你的CSS，你可能会在你要添加的CSS添加后通过链接的样式表重置背景颜色......

在head标记的末尾添加它将允许它正确覆盖CSS样式表中的设置。