나는 사이트를 구성하고 홈 페이지에 대한 Foundation 프레임 워크에서 Zurb 's Orbit rotator를 움켜 잡았다. 이 사이트는 모든 현재 브라우저에서 잘 렌더링되지만 클라이언트는 IE8에 대한 요구 사항을 가지고 있습니다. IE8에서 남긴 유일한 문제는 회전기의 버튼이 궤도의 불투명도 설정을 사용하지 않아 홈 페이지를 방문 할 때 모든 슬라이드의 버튼이 표시된다는 것입니다. 슬라이드가 회전 할 때 충분히 재미 있습니다. 버튼을 사용하면 회전자가 예상대로 작동하기 시작합니다. IE8에 숨어 있지 않은 Zurb Orbit의 버튼
도움
주시면 감사하겠습니다.에 한번 당신의 CSS를이 추가 : 이것은 그들이
를 초기화 될 때까지 슬라이드를 숨기고 제거해야.orbit-slide {display:none}
이 : 쌓이는 것을 방지한다
.orbit .orbit-slide {right:0;}
서로의
.orbit-slide 비트를 추가했는데 전혀 변경되지 않은 것 같습니다. – marcusneto
docs 페이지에서 : http://foundation.zurb.com/docs/orbit.php 참고 : 우리는 콘텐츠 슬라이더에 몇 가지 간단한 스타일, 특히 div 요소의 배경과 패딩을 넣습니다. 궤도에 따라 슬라이드가 겹치므로 투명 슬라이드가 서로 겹쳐서 표시됩니다. – msfarrel
IE8의 궤도에있는 자식 요소는 setti를 채택하지 않습니다. ngs. 따라서 Orbit은 텍스트가 포함 된 div 요소를 Opacity : 0으로 설정합니다. 그러나 자식 요소는 그 설정을 존중하지 않습니다. 궁극적으로 불투명도와 표시가 혼합 된 다른 라이브러리로 전환하여 표시 할 슬라이드를 제어합니다.
도움 주셔서 감사합니다. 매우 감사!
버튼을 볼 수 있습니까? URL ("../ images/foundation/orbit/right-arrow.png") (916 줄 - bapco.css)에 "이미지를 찾을 수 없습니다"라는 메시지가 나타납니다. 또한 불투명도에 대한 IE8의 지원은 엉성합니다. http://caniuse.com/#search=opacity – erwinheiser
버튼도 표시되지 않습니다. – CreateSean
로테이터의 각 슬라이드에는 더 많은 정보와 구매 버튼이 있습니다. – marcusneto