배경 지연을 수정하는 방법 : Safari에서 수정 되었습니까?

문제 : 나는이 사이트 몇 시차 블록에 이곳 그들 중 하나입니다 : 파이어 폭스와 크롬에서배경 지연을 수정하는 방법 : Safari에서 수정 되었습니까?

<section data-original="img/purity.jpg" class="special-soft lazy module parallax parallax-window_2 cf" 
     id="quality"> 
    <div class="special-soft__text cf"> 
     <span class="f_left">01</span> 
     <h2 class="f_left">ОСОБЛИВА М'ЯКІСТЬ</h2> 
     <hr class="f_left"> 
     <p class="f_left"> 
     Особливість м'якого смаку класичної горілки Medoff досягається завдяки унікальній технології фільтрації 
     «медовий дощ». Смак напою дозріває під впливом мікрочастинок меду, який вважається кращим природним 
     фільтром 
     </p> 
    </div> 
    </section> 

section.special-soft { 
    position: relative; 
    height: 722px; 
    background: url("../img/purity.jpg") no-repeat scroll center; 
    background-size: cover; 
    text-align: center; 
    background-position: center center; 
    background-attachment: fixed; 
    background-repeat: no-repeat; 
    background-size: cover; 
    -webkit-transition: background-image 0.4s; 
    -moz-transition: background-image 0.4s; 
    -ms-transition: background-image 0.4s; 
    -o-transition: background-image 0.4s; 
    transition: background-image 0.4s; 
    overflow: hidden; 
    -webkit-font-smoothing: subpixel-antialiased; 
}

작품 좋은,하지만 Safari에서 나는 시차

에게 질문 무엇입니까 : 어떻게 내가 해결할 수 있을까? 나는 사파리

에서 더 나은 성능을 필요

JSFIDDLE : https://jsfiddle.net/z7b0fsx9/

감사합니다 당신에게 사파리와 다른 브라우저 사이의 성능 차이의 원인이되는 CSS 속성을 분리하는

출처

2016-07-22 Nikita Shchypylov

우리가 문제를 볼 수 있도록 바이올린을 만들어주십시오. –

@MuhammadUsman이 해냈습니다. –

시도합니다. 하나의 접근법은 하나 이상의 "section.special-soft"CSS 클래스 속성을 주석 처리하는 것입니다. 나는 -webkit-font-smoothing 속성으로 시작하겠다.

또한 "특수 소프트"CSS 클래스 속성 중 적어도 일부를 섹션 태그 대신 동봉 된 div 태그에 적용하는 것이 좋습니다. section 태그는 HTML5에 새로 추가되었지만 div 태그는 HTML5 이전에 존재했습니다.

출처

2016-07-22 14:41:53 JohnH

배경 지연을 수정하는 방법 : Safari에서 수정 되었습니까?

답변

관련 문제