여러 배경 이미지

내가 원하는/의미 다른 HTML 페이지에 대한 다른 배경 이미지를 할당 할 필요가여러 배경 이미지

index.html을 -> 배경 이미지 : index.jpg
about.html 기본 -> 배경 이미지 : something.jpg
... 등등

따라서이 주제에 대한 최적의 방법은 무엇인가에 대해 물어보고 싶었습니다. CSS 나 JavaScript 또는 어쨌든 방법이 있습니까? 지금은 html 파일의 각 페이지 배경을 설정했습니다.

<body style="background-image:..." >...

도움이나 아이디어를 제공해 주셔서 감사합니다.

2014-05-22 vicR

html 또는 body 태그에 클래스를 추가 할 수 있습니다.

HTML :

<html class="page-type-about"> 
<body>

그리고 당신의 CSS에서 해당 클래스에 따라 배경을 지정할 수 있습니다. 또한 기본값을 추가합니다. 이렇게하면 기본 배경 이미지와 다른 페이지에 다른 이미지 만 지정하면됩니다.

body { 
    background-image: url(default-image.png); 
} 

.page-type-about body { 
    background-image: url(about-page-image.png); 
}

2014-05-22 18:34:10 GolezTrol

답변