2013-07-02 4 views
0

이 코드는 크롬 0xFF로 나에게 적합하지만 사파리가 아닌 어떤 이유로 든 작동합니다. 사파리는 support it이어야합니다. Safari는 구문에 문제가 있음을보고합니다. 이것은 사실 일지 모르지만 나는 그것을 알아낼 수없는 것 같습니다.Safari의 여러 배경

.frontpage { 
background: url(logo.png) no-repeat center center/50% auto, 
      url(background.png) no-repeat center center/cover; 
} 

나는 표지의 역할과 로고를 중앙에 배치하는 동안 페이지의 전체 배경을 작성하고 50 % & 높이 자동의 폭을 가지도록 background.png이 필요합니다.

답변

0

아직 오래된하지만 더 이상 최신 :

편집

.frontpage { 
background: url(logo.png) no-repeat center center, 
      url(background.png) no-repeat center center; 
background-size: 50% auto, 
      cover; 
} 
+0

하지 browsrers 어떻게 배경 크기를 만들 수 있죠과 실패의이 종류를 피하기 위해, background-size 아파트를 설정 : 커버를 서로 배경 위에 두 개의 배경이 쌓이는 동안 background.png에만 영향을주고 logo.png에는 영향을 미치지 않으십니까? 화면을 분리하고 두 이미지 아래에 추가하면 커버 모드를 사용하기 시작합니다. 커버 모드를 사용하면 로고가 배경처럼 늘어납니다. – sarukuku

+0

와 동일합니다. (내 대답 업데이트) –

+0

위대한, 그 일했다! 각기 다른 백그라운드 속성에서 쉼표로 구분 된 목록을 개별적으로 사용할 수 있다는 사실에 대해서는 전혀 몰랐습니다. 감사! – sarukuku