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

Question

내가 JSFiddle에 대한 예제를 설정하는 시도하지만 어떤 이유로 오류를 보여줍니다

body { 
    background: 
     url("images/bg.gif") repeat 0 0, 
     url("images/bg-top.gif") repeat-x 0 0; 
    color: #666; 
    font: 62.5%/1.5em helvetica, arial, sans-serif; 
} 

첫 번째 배경 이미지 쇼 : http://jsfiddle.net/t3DDW/

을 어쨌든, 여기에 나의 CSS입니다. 두 이미지 URL이 모두 올바른지 다시 확인했습니다. 두 번째 배경 이미지가 나타나지 않는 이유가 있습니까? Chrome 및 FF에서 테스트했는데 두 번째 bg 이미지가 표시되지 않습니다.

Answer 1

이미지는 어떻게 보이나요? 스태킹 순서가 중요합니다. 첫 번째는 다른 사람들의 위에 놓이게됩니다.

첫 번째 이미지가 다른 이미지를 덮는 경우 이미지 순서를 전환하십시오. source에서

:

목록의 첫 번째 이미지는 사용자에게 가장 가까운 층, 다음 하나 등등 최초의 뒤에 그려진하고있다. 인 경우 배경색이 다른 모든 레이어 아래에 그려집니다. Stacking Order of Multiple Backgrounds에서

예 :

background: 
    url(number.png) 600px 10px no-repeat, /* On top, like z-index: 4; */ 
    url(thingy.png) 10px 10px no-repeat, /*   like z-index: 3; */ 
    url(Paper-4.png);      /* On bottom, like z-index: 1; */