배경 이미지 - 내 코드에 어떤 문제가 있습니까?

나는이 코드를 작동시키지 못한다. 각 페이지마다 다른 배경 이미지를 넣고 싶습니다. 다른 클래스 선택기를 만든 다음 인라인 스타일 요소를 사용하는 대신 각 페이지의 본문 태그에 배치해야한다고 생각합니다. 내가 접촉에 대한 HTML에 넣어 여기배경 이미지 - 내 코드에 어떤 문제가 있습니까?

.contact-grad 
{ 
     background-image:url('images/Backgrounds/contact-grad.png'); 
     position:absolute; 
     left:0px; 
     top:0px; 
     z-index:-1; 
}

그리고 :

여기 내 CSS 클래스 셀렉터의

<body id="contact-grad">

당신이 그것을 작동하지 않는 볼 수 있듯이.

전체 HTML 및 CSS를 게시하는 것이 도움이되는지 알려주십시오. 배경 이미지가 작동하지 않습니다. 내 코드를 w3 유효성 검사기에 넣고 "구문 분석"오류가 발생했습니다. 음 ...

고마워요!

출처

2013-03-08 Claire

여기에 사이트가 있습니다. http://violetoeuvre.com/contact.html – Claire

본문에는 'contact-grad'이라는 ID가 있지만 CSS의 선택자가 클래스에 있습니다 (점이 무엇입니까). 대신 해시 '#'을 사용해보십시오.

#contact-grad 
{ 
    background-image:url('images/Backgrounds/contact-grad.png'); 
    position:absolute; 
    left:0px; 
    top:0px; 
    z-index:-1; 
}

부록 같이 : This 자원 CSS-선택기를위한 좋은 출발이다.

출처

2013-03-08 15:20:01

아! 네, 그 사실을 알고있었습니다. 나는 그것을 바꿨지 만 여전히 작동하지 않습니다! # contact-grad { background-image : url ('images/Backgrounds/contact-grad.png'); 직위 : 절대; 왼쪽 : 0 픽셀; 상단 : 0 픽셀; z- 색인 : -1; } – Claire

흠, 이상 하네. 웹 개발자 도구의 body 요소에 스타일을 적용하면 배경 이미지가 나타납니다. 페이지를 확인할 때 '구문 분석'오류가 발생 했습니까? –

내 홈페이지 violetoeuvre.com을 사용했습니다. 구문 분석 오류/* 클래스 선택기 : 원하는만큼 많은 요소에 적용 */

배경 이미지 - 내 코드에 어떤 문제가 있습니까?

답변