내 스프라이트가 iOS/Android에서는 작동하지 않지만 Safari/Chrome에서는 정상적으로 작동합니까?

사진을 선택하고 툴바를 표시하려면 해당 이미지가 하단 툴바에 있습니다. Safari에 완벽하게 배치되었지만 모바일 사파리는 어디에도 없습니다. Here's an example 내 스프라이트가 iOS/Android에서는 작동하지 않지만 Safari/Chrome에서는 정상적으로 작동합니까?

아이디어가 있으십니까?

감사합니다.

출처

2011-08-07 D-Nice

내가 제공 한 페이지의 '메뉴'가 잘 렸음을 알려 드렸습니다. – crv

문제는 : 당신이 404 오류를 받고있다 HQ-아이콘 (http://www.foodtrucksmap.com/mobile/images/[email protected])의 주소로 http://www.foodtrucksmap.com/mobile/images/photoswipe-icons.png 이미지를 오버라이드 160 라인에 http://www.foodtrucksmap.com/mobile/photoswipe.css인치

그래서 해결책은 비 HQ 이미지의 주소를 덮어 쓰지 않도록이 스타일을 제거하거나 제거해야하는 위치에 필요한 이미지를 넣는 것입니다.

출처

2011-08-13 19:47:34 kizu

굉장! 어떻게 그걸 알아 냈어? –

처음에는 툴바 버튼에 단색 배경을 추가하여 스타일이 보이도록 보여주었습니다. 배경 이미지에만 문제가있는 것입니다. 그런 다음 배경 이미지 선언을 사용하여 규칙에'! important'를 추가했습니다. 나중에 다시 덮어 씌워 졌는지 확인한 후 스타일 시트를 검색하여 스타일 시트를 검색하여 선택기가이 규칙을 무시하고 HQ 스프라이트로 규칙을 찾은 다음 브라우저에서 열려고 시도했는지 확인했습니다. 그게 누락되었습니다 :) – kizu

쿨, 정말이 문제를 해결하고 프로세스를 설명하는 당신의 도움을 주셔서 감사합니다. –

내 스프라이트가 iOS/Android에서는 작동하지 않지만 Safari/Chrome에서는 정상적으로 작동합니까?

답변

관련 문제