Safari 7이 컬러 박스 버튼에 배경 이미지를 표시하지 않습니다.

Question

Colorbox 라이트 박스의 버튼 스타일을 this page으로 사용자 지정했습니다 (로드 할 이미지를 클릭하십시오).

Safari (7.0.1)에는 표시되지 않지만 Chrome 및 Firefox에는 회색 버튼 (두 개의 화살표와 X)이 나타납니다.

웹 속성을 사용하여 배경을 색상으로 변경하더라도 아무 효과가 없습니다. 하나 개의 버튼의

이

CSS :

#cboxNext { 
position: fixed; 
top: 47%; 
right: 18px; 
width: 22px; 
height: 32px; 
background: url("buttons.png"); 
background-position: -42px 0; 
background-repeat: no-repeat; 
background-color:white; 
} 

• .PNG 스프라이트 파일과 스타일 시트는 같은 디렉토리에 있습니다.
• 최신 Colorbox 버전으로 업데이트해도 도움이되지 않았습니다 (이전 버전으로 되 돌렸습니다).
• 이전에 사파리가 배경 단축키 구문과 관련하여 문제가 있었던 here을 읽었습니다. 따라서 긴 형식입니다.

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

Answer 1

수정 됨.

위치 : 고정 버튼은 오버 플로우 : 숨겨진 컨테이너의 하위 요소였습니다. 다른 브라우저와 달리 Safari는 부모 내부의 버튼을 숨기는 것처럼 보였습니다.