묻고답하기
CSS 로 배경 여러개 고정..
2005.09.08 11:46
CSS 로 간단히 배경을 고정하려면 아래와 같은 소스를 사용하면 됩니다.
<style type=text/css>
BODY {background-image:url(그림경로);
background-repeat:no-repeat;
background-position:right;
background-attachment:fixed;
}
</style>
그런데.. 위 처럼 하나만 고정 시키는게 아니라
여러개의 파일을 각각의 위치에 고정시키려 합니다.
그래서
위의 스타일 닫기 바로 위에
BODY {background-image:url(그림경로);
background-repeat:no-repeat;
background-position:left;
background-attachment:fixed;
}
이런식으로 추가해봤는데.. 추가한 것만 적용이 되고
오히려 처음에 쓸 배경은 적용이 되지 않더군요..
배경 여러개를 고정하는 방법.. 없을까요?
<style type=text/css>
BODY {background-image:url(그림경로);
background-repeat:no-repeat;
background-position:right;
background-attachment:fixed;
}
</style>
그런데.. 위 처럼 하나만 고정 시키는게 아니라
여러개의 파일을 각각의 위치에 고정시키려 합니다.
그래서
위의 스타일 닫기 바로 위에
BODY {background-image:url(그림경로);
background-repeat:no-repeat;
background-position:left;
background-attachment:fixed;
}
이런식으로 추가해봤는데.. 추가한 것만 적용이 되고
오히려 처음에 쓸 배경은 적용이 되지 않더군요..
배경 여러개를 고정하는 방법.. 없을까요?
그러니까
{
background: transparent url(1) no-repeat fixed left;
background: transparent url(2) no-repeat fixed right;
}
이런건 되지 않는다는 소리이죠.
브라우저에서 이미지 합성의 방법이 애매해서 그런것이 아닐까 하고요,
저런 것은 JavaScript로 적용해야 되지 않을까 생각해 봅니다.