2012-12-09 3 views
0

모든 브라우저에서 테두리 이미지를 테스트했지만 정상적으로 작동하지만 IPAD에서 검은 색 테두리로 표시됩니다. 다른 이미지를 시도했다. 반복 해봐. 스트레칭을 시도했다. 아무것도. 새로운 메타 콘텐츠 (다른 곳에서 권장)로 머리를 편집하고 오류 메시지가 나타납니다. 어떤 아이디어?CSS 테두리 이미지가 IPAD에서 작동하지 않습니다.

감사합니다 ...는 CSS의

부분 :

border-style: solid; 
border-width: 14px 14px 14px 14px; 
-moz-border-image: url('..Images/vector.jpg') 25 stretch; 
-webkit-border-image: url('..Images/vector.jpg') 25 stretch; 
-o-border-image: url('..Images/vector.jpg') 25 stretch; 
border-image: url('..Images/vector.jpg') 25 stretch; 
+1

이미지 형식은 무엇입니까? CSS는 어떻게 생겼습니까? –

+0

우리는 jpg를 사용하고 있습니다. 이게 문제일까요? 이미지는 팝업의 일부입니다. – user1889245

+1

바이올린 데모 : http://jsfiddle.net/ARpkk/ iPad의 브라우저가 (테스트 할 수없는) 속성을 지원하지 않을 수도 있습니다. 'border-color'를 추가하면 어떤 일이 일어날 지 알 수 있습니다 : http://jsfiddle.net/ARpkk/1/ –

답변

0

나는이 문제를 추적하는 시간을 보냈다. Ipad는 테두리 이미지로 버그가 있습니다. 이 문제 이상.

그래서 여기 있습니다. 그것은 이미지의 크기와 관련이 있습니다. 2000px 이상을 사용하는 경우 작동하지 않으며 2000 이하는 작동하지 않습니다. 원본 이미지가 2300이고 그렇지 않은 경우 2000으로 줄이고 효과가있었습니다.

이제 남아있는 인공물을 알아낼 수 있다면 .....

관련 문제