CSS - UL 배경이 작동하지 않습니다.

UL 배경을 설정하려고 할 때 어떤 이유로 배경이 작동하지 않습니다. 그것은 내 몸 배경에 작동하지만 그것은 UL에 대해 작동하지 않습니다.CSS - UL 배경이 작동하지 않습니다.

이미지의 이름이 정확하게 지정되었습니다. 내가 4 배로 체크 했어.

HTML

<html> 
    <head> 
     <title>Header</title> 

     <link rel="stylesheet" type="text/css" href="css/Style.css" /> 
    </head> 

    <body> 

     <div id="page-wrap"> 

      <ul id="nav"> 
       <li><a href="#">Link1</a></li> 
      </ul> 

      <p>Main</p> 

     </div> 

    </body> 
</html>

CSS는 UL 자체를 보이는에서

body 
{ 
    background-image: url('../Images/body-background.jpg'); 
} 

#page-wrap 
{ 
    width:1040px; 
    margin: 0 auto; 
} 

ul#nav 
{ 
    margin: 0 auto; 
    width: 1040px; height: 185px; 
    background-image: url('../Images/header-logo.jpg'); 
    background-repeat: no-repeat; 
}

가 <a> 태그로 작동하지 않는 경우 : 여기 내 코드입니다. 그것 없이는 "Link1"이 나타납니다. 아무 것도 나타나지 않지만 그걸로. 어느 쪽이든 배경이 표시되지 않습니다.

감사합니다! alt text

출처

2011-01-21 Johnrad

어떤 브라우저를 테스트하고 있습니까? 모든 스크린 샷? – BoltClock

모질라에서 테스트 중이며 스크린을 게시했습니다. 또한 Notepadd ++에서이 글을 쓰고 있습니다. – Johnrad

IE 6,7,8, Chrome 및 Firefox에서이 기능을 시도했습니다. 모든 경우에 적용됩니다. 이미지가 header-logo.jpg라는 이름의 폴더에 있습니까? – samiz

http://jsfiddle.net/Z7MzE/2/

보인다.

나에게 맞는 이미지를 확인하십시오.

출처

2011-01-21 02:35:25 keybored

나는 ... 전체 디렉토리 위치를 복사하여 붙여 넣기까지했습니다. 아직까지는 작동하지 않습니다. – Johnrad

당신은 Mozilla에 있습니까? 페이지를 마우스 오른쪽 버튼으로 클릭하고 소스보기를 클릭하고 소스에서 이미지를 찾은 다음 해당 링크를 클릭하고 무슨 일이 일어 났는지 알려주십시오. – keybored

아시다시피, 귀하의 주요 배경이 작동하는 것처럼 보입니다. 그래서 이것이 문제는 아니지만 귀하의 CSS 파일이 올바르게 연결되어 있는지 보거나 아마도 캐시를 지우는 것이 좋습니다. 이 경우 나에게도 의미가 없지만 코드가 작동해야한다고 여기에서 입증되었으므로 지금은 그렇지 않은 이유를 파악해야합니다. 또한 다른 이미지를 시도해 볼 수도 있습니다. 우리가 작업 한 것을 알기 때문에 피들에 사용 된 두 이미지 중 하나를 촬영하십시오. – keybored

-2

* yea 나는 바보에 빠져있다. 그것은 잘 작동합니다,하지만 난 이미지 이름을 대문자도 확인 신뢰하지 않을 것이다. 그것은 나를 위해 노력하고있는 것처럼

출처

2011-01-21 02:19:10 Cole

왜 다른 점이 있습니까? – BoltClock

http://www.w3schools.com/css/css_background.asp – keybored

해결책을 찾았습니다. 필자의 경우 래퍼 요소에 배경 이미지를 배치하는 경우도 설명 할 수없는 이유로 ul에 의해 숨겨졌습니다.

해결책 : 작동하는 이유

ul{} ul{background:url('image.jpg');}

이 안 함, 그러나 않습니다. 그리고 그것은 당신이이 문제를 가지고있는 어떤 요소에 대해서도 효과가 있습니다. 왜냐하면 그것이 저를 위해 몇 번 자르기 때문입니다.

출처

2012-08-09 23:47:01

CSS - UL 배경이 작동하지 않습니다.

답변

관련 문제