CSS

Question

에서 다시 지상 이미지 안녕하세요 비주얼 베이직 2010 년 CSS 파일에 지상 이미지를 뒤로 추가하려면 노력하고 있어요 ASP.Net MVC 내 코드는 다음과 같습니다

는

#page-container { 
    width: 100%; 
    height:100%; 
    margin: auto; 
    background-image:url ('../Content/homepage.jpg'); 
    background:cover; 
    background-repeat:no-repeat; 
} 

내 배경 그림이 표시되지 않습니다. 무엇이 문제일까요?

Answer 1

여러 문제 :

1. URL과 첫 번째 콜론 사이에 공간이, 그래서이 :

   background-image:url('../Content/homepage.jpg') 
   

2. background:cover이되지 않습니다 :

   background-image:url ('../Content/homepage.jpg') 
   

   이 있어야한다 올바른 CSS 규칙.

   내가 원하는 것은 background-size:cover입니다. 당신은 공급 업체 접두사를 추가 할 수 있도록이 CSS3입니다주의 :

   -webkit-background-size: cover; 
   -moz-background-size: cover; 
   -o-background-size: cover; 
   background-size: cover; 
   

Answer 2

파이어 폭스 또는 Chrome 개발자 툴바의 Firebug와 같은 네트워킹 도구를 사용하여 배경 이미지에 대한 CSS 요청에 의해 실제로 생성되는 URL을 확인하십시오. 이미지에 대한 요청을 볼 수 있으며 (아마도 404를 등록 할 것입니다) 예상 한 것과 비교하십시오.

대부분의 경우 CSS에 올바른 URL이 정의되어 있지 않지만 사이트 구조를 알지 못해 말하기 어렵습니다.