테스트 사이트 - 개발 중인 베타 버전입니다

CSS의 body:after 에 속성값을 바꾸고싶습니다.. 채택완료

EndlessRain 7년 전 조회 2,241

아래와 같은 css가 적용되어있는데 자바스크립트나 를 이용해서 background-color의 #f8f8f8 값을 다른것으로 바꿀 수 있을까요?

body의 background면 style에 속성을 넣으면 되지만, body의 after라는건 css에만 있을 뿐 코드상에서는 찾을 수가 없어서요...

 

</p>

<p>body:after{

    content:" ";

    width: 16.6667%;

    background-color: #f8f8f8;

    height: 100%;

    position: fixed;

    left: 0px;

    top: 0px;

    z-index: -1;

    }</p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
7년 전

</p>

<pre>
body.change_background:after{
    content:" ";
    width: 16.6667%;
    background-color: pink;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -1;
    }</pre>

<p>

 

css에 이런식으로 변경할 css 추가 하신후

 

이벤트 발생시

</p>

<pre>
$('body').toggleClass('change_background');
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

E
EndlessRain
7년 전
감사합니다. 적용해볼게요^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인