절반 페이지 배경/열 배경

이 웹 사이트 (animevid-other)에서이 JavaScript와 CSS (jsfiddle)를 실행하고 있기 때문에 JavaScript와 CSS를 column_sx에 맞추거나 왼쪽 중심에 배치해야합니다. 그 칼럼이 있습니다) 이것이 가능합니까?절반 페이지 배경/열 배경

나는 도움이 될만한 것을 발견했으나 그것이 정확히 내가 필요한 것 (multiple-backgrounds-left-half-and-right-half)이 아니라고 생각합니다. 그래서 저는 JavaScript에 대한 지식이 많지 않고 CSS에 관한 몇 가지 사실 만 알고 있으므로 저를 도울 수 있습니까?

편집 : 자세한 내용은 여기 http://i.imgur.com/DsF4q3M.png

출처

2014-09-01 Andrea Cazzola

jsfiddle 데모가 비어 있습니다 :) 당신은 바이올린을 저장하지 않았습니다. –

사면 수정해야합니다 : D –

당신이 정확히 원하는 것을 더 설명해 주시겠습니까, 이해가 가지 않았다. 왼쪽 열의 배경을 해당 열의 중심으로 원하십니까? – dashtinejad

는 대신 몸의 colonna_sx하는 배경을 설정해야합니다. 그래서 이것을 colonna_sx에 추가하십시오.

background-repeat: no-repeat; 
background-position: center; 
background-size: cover;

그런 다음 스크립트를 변경해야합니다. jQuery를 추가하면이를 변경할 수 있습니다.

document.body.background ='http://adventureofucm.com/OtherSites/image_background/'+num+'.jpg';

이 이에 해당합니다. jQuery를하지 않고

var backgroundpic = 'http://adventureofucm.com/OtherSites/image_background/'+num+'.jpg'; 
$('.colonna_sx').css("background", "url(backgroundpic)");

document.querySelector('div.colonna_sx').style.backgroundImage = 'url(http://adventureofucm.com/OtherSites/image_background/' + num + '.jpg)';

이것은 대부분의 브라우저 (IE8 이상) http://caniuse.com/#feat=queryselector에서 작동합니다.

출처

2014-09-01 08:04:11 TeeDeJee

그게 내가 필요한 이유인지 모르겠다. 왜냐하면 bg가 스크립트에 의해 선택되기 때문이다. –

나는 나의 대답을 편집했다. 당신의 몸 대신 colonna_sx에 backgound를 추가하도록 스크립트를 변경해야합니다. – TeeDeJee

좋아, 내가 더 나은 아무것도 jquery없이 할 수있는 방법이 발견되면 내가 사용하는 것 같아? –

절반 페이지 배경/열 배경

답변

관련 문제