Magento 웹 사이트에는 콘텐츠의 양에 따라 필요에 따라 배경이 확장됩니다. 그것은 PC와 (잘하면 맥)에서 잘 작동하는 것 같다. 그러나 모든 iOS 기기에서 흰색 배경은 표시되지 않습니다.iOS에는 배경 이미지가 표시되지 않지만 다른 브라우저에서는 정상적으로 표시됩니다.
일반적인 PC 브라우저에서 보는 방법과 iPhone에서 보이는 방법 중 하나를 보여주는 두 개의 스크린 샷을 포함 시켰습니다. 다음 http://tinyurl.com/arfpf7g
는 iOS 기기에 표시되지되는 이미지 직접 링크입니다 :
는 여기에 우리의 사이트입니다 http://tinyurl.com/bcovmvg
감사합니다!
클래스에는 .box_top이 있습니다. 안에는 플로트가 있습니다 : 왼쪽; 나는 왜 그런지 모르지만 그것을 제거하고 오버플로로 대체합니다 : 숨김. 적어도 파이어 폭스와 IE9에서는 그렇지 않았습니다.
.box_top {
background: url("../images/box_top.png") no-repeat scroll center top transparent;
display: block;
overflow: hidden;
width: 1002px;
}
또한 여백을 제거하십시오. 0 0-5px. 이로 인해 경계 밖의 각 상자 하단에 작은 회색 음영이 나타납니다.
감사합니다. 회색 그림자를 제거한 여백을 제거했습니다 ... 결코 그것을 알아 차렸다.또한 float : overflow : hidden으로 바꾸어 보았습니다. 그러나 box_top 이미지가 내 iPhone에 표시되지 않았습니다. 또한 오버 플로우 : 숨김을 사용할 때 흰색 콘텐트 영역을 벗어나는 화살표의 오른쪽 끝을 잘라냅니다. – Jonathan
그건 그렇고 - 나는 그것을 다시 플로트로 바꿨다 : 지금 왼쪽으로 ... – Jonathan
내 컴퓨터 (PC)에서 사파리로 확인했는데 괜찮아 보여서 모바일 아이템이어야한다. 기본 페이지를 만들고 홈페이지에 요소를 추가하기 시작합니다. CSS 클래스가 배경을 사라지게하는지 확인하기 위해 각 단계를 테스트하십시오. – ZombieCode
이것은 "비월 주사"로 저장되지 않은 PNG 이미지가 표시되지 않거나 완전히 검은 색 인 iOS 6.0의 새로운 버그입니다. "interlacing"을 "OFF"로 설정하여 PNG 파일을 저장하십시오.
이미지가 iOS에 표시되지 않는 이유는 무엇인지에 대한 의문은 없습니다. 이미지 크기는 978x10000 픽셀 (예 10,000)입니다. 디스크에 167 KB 밖에 없지만 메모리로 확장하면 엄청납니다. 복호 GIF, PNG, 및 TIFF 이미지의 최대 크기는 256 메가 바이트 RAM 갖는 장치 3 메가 및 크거나보다 256 장치 5 메가 픽셀이다
다음 Safari Web Content Guide 가입일
MB RAM.
즉, 256MB RAM 미만인 장치의 경우 너비 * 높이가 3 * 1024 * 1024인지 확인하십시오. 디코딩 된 크기는 이미지의 인코딩 된 크기 인 보다 훨씬 큽니다.
iOS Safari에 나타나지 않는 것 외에 다른 모든 브라우저에서도 많은 메모리를 소비합니다. 확실하게 이미지의 "상단"과 "측면"부분을 분리하고 background-repeat을 사용하여면을 바둑판 식으로 배열 할 수 있습니다. 저것의 "옆"부분이 높이에서 50px 이상이어야하는 이유.
이 이미지는이 그것이 텍스트와 사진 뒤에 흰색 배경 (보는 방법입니다 encoded without interlacing
인터레이스 문제가 아닙니다. 그것은 폴카 도트 배경 위에이기도합니다. 이미지에 대한 링크를 참조하십시오 (이 사이트의 새 회원이므로 아직 이미지를 업로드 할 수 없습니다.) http://tinyurl.com/b6a7k3q iOS 기기에서 보이는 방식입니다. http://tinyurl.com/ aphho7f 흰 바탕에없는 검은 색 선이 나타나는 이유는 무엇입니까? – Jonathan