Flexslider는 Chrome 및 Safari에서 작동하지만 Firefox는 작동하지 않습니다.

내 웹 사이트의 홈 슬라이더가 Firefox 및 Safari에서는 완벽하게 작동하지만 Firefox에서는 작동하지 않는 이유가 확실하지 않습니다. Flexslider를 사용하고 있습니다. Firefox에서는 정렬이 완전히 해제되어 있습니다. 나는 지금 정말로 손실에 처해있다. 여기 Flexslider는 Chrome 및 Safari에서 작동하지만 Firefox는 작동하지 않습니다.

사이트입니다 : 이미 단지 파이어 폭스이 CSS 코드를 시도 http://www.sherwoodbedding.com/

,하지만 내가 함께 시작하지 않으 해결 방법입니다.

@-moz-document url-prefix() { 
    .full-homepage-slider ul.slides li { 
     margin: 0 !important; 
     float: none !important; 
    }

출처

2013-07-09 GKoo

그렇다면 정확히 어떤 부분이 작동하지 않습니까? 당신이보기를 기대했던 것과 당신이 보았던 것을 분명히 설명하면 정말 도움이 될 것입니다 ... –

나 자신도 같은 문제가있었습니다!

마지막으로 CSS의 flexslider 클래스 (.flexslider)에 여백을 적용하여 슬라이더 아래로 콘텐츠를 이동 시켰습니다. Firefox에서는 이미지를 아래로 이동 시켰습니다. 대신 정렬 문제가 발생합니다.

해결책 :에 적용되는 여백 값 제거 : 당신은 아직도 관련하여 이동 슬라이더 주변 요소가 필요한 경우 .flexslider (또는 div 용기)

을 대신 margin의 div 용기에 padding를 사용합니다.

출처

2013-10-24 11:14:51 mevukpaul

Flexslider는 Chrome 및 Safari에서 작동하지만 Firefox는 작동하지 않습니다.

답변

관련 문제