동적으로 변화 배경

이 CSS 코드의 예입니다 : 이제동적으로 변화 배경

block { 
     margin-left: 1in; 
     margin-top; 1in; 
     position: absolute; 
     background-image: url('../images/myimage.png'); 
     background-size: 100% 100%; 
    }

내가 하나 개 이상의 HTML 페이지에 CSS 파일을 사용하고이 이미지를 변경할 수 있도록이 필요 페이지 당. 어쩌면 HTML을 통해?

<block><somehowchangeimagehere></somehowchangeimagehere></block>

? 제발, 단지 & CSS.

출처

2012-01-11 Ridz

모든 페이지에서 동일한 이미지를 원하거나 다른 이미지를 원하십니까? 각 페이지에? – DOK

한 가지 방법은 다른 서브 클래스를 한 후, 각 페이지의 BODY 태그에 클래스를 넣을 수 있도록하는 것입니다 :

<body class="pageOne">

CSS :

.pageOne block { 
    background-image: url('../images/myimageOne.png'); 
} 

.pageTwo block { 
    background-image: url('../images/myimageTwo.png'); 
}

출처

2012-01-11 22:03:35

아마도 이것이 최선의 방법 일 것입니다. 감사! – Ridz

블록을 정의한 후에는이 예에서와 같이 전체 블록이 아닌 차이를 하위 클래스로만 지정하면됩니다. –

이미지 URL은 HTML 페이지 URL이 아닌 CSS 페이지 URL을 기준으로합니다. 그것은 단지 작동해야합니다. 이 처리하는

출처

2012-01-11 22:00:57

이미지는 분명히 작동하지만 내가하려는 일을 이해하지 못합니다. 페이지마다 myimage.png를 변경하려고합니다. 나는 이것을 어떻게 얻을 수 있을까? – Ridz

@Ridz : 각 페이지마다 맞춤 CSS를 사용 하시겠습니까? –

@Ridz : 이미지를 각 페이지마다 다르게하려면 외부 CSS 파일에서 이미지를 생략하고 대신 '을 포함 할 수 있습니다. 'HTML 페이지에서. –

당신이 뭔가를 삽입하는 경우 html로 스타일 시트를 포함하면 스타일 시트를 덮어 쓸 수 있습니다.

<style type="text/css"> 
    block { 
     background-image('some_image_thats_specific_to_the_page'); 
    } 
</style>

출처

2012-01-11 22:04:52 Stefan

동적으로 변화 배경

답변

관련 문제