CSS 배경 이미지가 작동하지 않습니다.

.menubar li { 
    float: left; 
    width: 115px; 
    text-align: center; 
    background-image: url(js/left_main_bg_image.gif); 
}

ie, firefox, chrome에서는 배경 이미지가 작동하지 않습니다. 나는 또한 테이블에서 그것을 시도했다. 또한 작동하지 않습니다.CSS 배경 이미지가 작동하지 않습니다.

아무도 도와 줄 수 있습니까?
누가 나를 도왔는지 고맙겠습니다.

출처

2013-01-02 tommy5115

이미지의 높이도 CSS 선언에 추가하십시오. 이미지 URL 주위

.menubar li { 
    float: left; 
    width: 115px; 
    text-align: center; 
    background: url('js/left_main_bg_image.gif'); 
    height: 100px; 
}

출처

2013-01-02 08:56:30 defau1t

테이블에는 작동하지만, ul li에는 적용되지 않습니다. – tommy5115

@ user1595337 : 내 업데이트 된 코드를 참조하십시오. – defau1t

여전히 작동하지 않습니다 – tommy5115

.menubar li { 
    float: left; 
    width: 115px; 
    height:100px; 
    text-align: center; 
    background-image: url('js/left_main_bg_image.gif'); 
}

통지 따옴표 ...

난 아무 생각이 : 그리고 당신은

이 다음과 같은

뭔가 일을해야이 그 <br> 태그 필요가 없습니다 왜 <br> 요소가 귀하의 CSS에 있습니까?

출처

2013-01-02 08:59:35

견적이 필요하지 않습니다. – jolt

height CSS 속성을 놓쳤습니다. working example을 참조하십시오.

필수 HTML은 &입니다. 코드와 비교하여 놓친 부분을 확인하십시오.

HTML

<ul class="menubar"> 
    <li></li> 
    <li></li> 
</ul>

CSS

.menubar li { 
    float: left; 
    width: 115px; 
    height: 115px; 
    text-align: center; 
    background-image: url(js/left_main_bg_image.gif); 
}

출처

2013-01-02 09:00:52 abhshkdz

나는 모든 것을 가지고 있지만, 이미지가 없습니다. 전체 경로를 입력 할 때만 작동합니다. – tommy5115

URL을 확인하십시오. 부모 폴더로 가기 위해'..'을 놓친 것 같습니다. – abhshkdz

도구 모음으로 클래스가 OL 또는 UL 내부 태그가되도록 리에게 요소를 기대하고있다. 지정된 클래스가있는 태그가 있는지 확인하십시오.

출처

2013-01-02 09:02:33

CSS 배경 이미지가 작동하지 않습니다.

답변

관련 문제