나는 머리 태그의 끝 부분에 CSS를 붙입니다.

Question

머리 태그에 CSS를 추가하고 싶습니다. 내 페이지에 텍스트 상자가있는 것처럼 반영해야합니다. 사용자가 배경 이미지 URL을 추가하면이 텍스트 상자에 keyup CSS가 생성됩니다. 본문에 대한 머리 태그에. body 태그에 대한 CSS를 성공적으로 head 태그의 시작에 추가되지 않습니다하지만 페이지 배경 :(에 영향을줍니다.

질문은 내가 머리 태그의 끝 부분에 CSS를 추가 할 수있다? 내 몸의 배경을 변경합니까?

난,

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 속성을 변경할 수 없습니다 도와주세요이 사용 jQuery를하고있는 중이 야?

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

Answer 3

헤드 태그는 페이지의 메타 정보가 포함되어 있습니다. 그것은 너무 추가 CSS를 시각적 아니다 그것은 효과가 없을 것입니다.

jQuery는 런타임에 head 태그에 아무 것도 추가하지 않고 브라우저에서 만든 DOM 트리를 조작합니다. 헤드 태그의 마지막에 추가

Answer 4

당신의 CSS는, 당신은 당신이 추가됩니다 추가 할 CSS 후 연결된 스타일 시트를 통해 배경 색상을 재설정 할 수있다을 확인 ...

는 오버라이드 (override) 할 수 있습니다 CSS 스타일 시트의 설정을 올바르게 적용하십시오.