우분투의 웹 페이지 배경에 흰색 블록이 있습니다.

Question

저는 웹 사이트를 개발중인 우분투 14.10입니다.

크롬이 배경을 올바르게 렌더링하지 못합니다. 하단은 전체 너비를 덮는 바닥 글 인 벌금을 렌더링합니다. 그러나 콘텐츠 div의 배경은 단지 흰색입니다.

(I에 유래와을 이미지를 게시하기 위해 더 많은 대표가 필요 새로운 해요 ) 참조 할 수 있도록 이미지보기 :

https://www.dropbox.com/s/rqnlg9eh4k7cbv5/white-background-os.png?dl=0

문제는 OS X 또는 Windows 발생하지 않습니다

및 선택 브라우저의 문제는이 문제에 영향을 미치지 않습니다.

저는 Alienware M14X R2를 사용하고 있습니다. 따라서 Nvidia 드라이버가 문제 일 수는 있지만 최신 버전이라고 생각했습니다. 배경에 대한

코드 : 그것은 단지이 특정 사이트에서 발생, 그래서 내가 뭔가를 추측하고있어 내 CSS 잘못

. 어떤 이상한 것은 그냥 우분투 점이다 (그리고 나는 여러 가지 다른 리눅스 배포판뿐만 아니라 추측하고있어) 기본적으로

을 내가 가지고이 :

HTML (homepage.ejs)

<div ui-view ng-app="myApp" id="wrap-content"> 
    <!--Content swapped with Angular and ui-router--> 
</div> 

CSS :

@media screen and (min-width: 1024px) { 

    html { 
    background: url("images/bg.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    } 

    div#wrap-content { 
    width: 900px; 
    height: 84vmin; 
    overflow: hidden; 
    margin: 0px auto; 
    position: relative; 
    top: 45px; 
    } 
... a bunch of other stuff 
} 

모든 도움을 주시면 감사하겠습니다.

Answer 1

그래, 우연히이 문제를 해결했습니다. HTML에 배경을 적용하면이 이상한 문제가 발생했습니다. 변경 대상 :

body { 
    background: url("images/bg.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

문제가 해결되었습니다. 이것이 동일한 문제를 가진 사람에게 유용 할 수 있기를 희망합니다!