스크롤 할 때 흐린 탐색 막대

스크롤 할 때 내 웹 페이지 상단에 내 탐색 막대를 성공적으로 고정했지만 특정 div (대부분 슬라이더)를 지나갈 때 어떻게 든 흐릿 해집니다. 누군가 제게 손을주세요. 사전에스크롤 할 때 흐린 탐색 막대

http://www.clinicajardinsbenfica.pt/new.html

감사합니다!

편집 : 크롬에만 문제가있는 것으로 보입니다. 이유는 모르겠다.

EDIT2 : 여기에 문제가있는 videoscreenshot입니다 http://www.screenr.com/mVEH

출처

2013-10-25 biip

다시 렌더링되는 것처럼 보입니다. 재미 있습니다! – Pogrindis

크롬에는 고정 요소를 렌더링하는 데 몇 가지 문제가 있습니다.

당신은 당신의 고정 요소 (들)에 follwing을 추가하기 시작해야합니다

-webkit-backface-visibility: hidden; 

-webkit-transform: translateZ(0) scale(1.0, 1.0);

translateZ(0)가 크롬 버그의 많은 해결하는 데 사용할 수 있습니다.

그래도 작동하지 않으면 고정 요소 용기 안에 opacity 인 0을 가진 요소가 없어야합니다. 그래서 당신은 여전히 결과를 얻을 수없는 경우 그들은 또한 display:none;

이 있는지 확인하는 경우 다음 당신이했습니다합니다

이

html,body { 
    height:100%; 
    overflow:auto 
}

여전히 chromium에서 열린 버그 문제가 있습니다.

출처

2013-10-25 13:16:29 enyce12

그냥 작동하지 않는 것 같습니다 ... – biip

어떤 플랫폼을 사용하고 있습니까? Mac/Windows? 어떤 Chrome 버전입니까? – enyce12

Windows 8. Chrome 버전 30.0.1599.101 m. 문제를 복제하는 데 문제가 있습니까? – biip

당신이 점선 테두리를 아래 오는 그 깨진 배경은 다음

#nav li a { 
    background-attachment: scroll; 
    background-clip: border-box; 
    background-color: rgba(0, 0, 0, 0); 
    background-image: none !important; 
    background-origin: padding-box; 
    background-position: 0 0; 
    background-repeat: repeat-x; 
    background-size: auto auto; 
    float: left; 
    font-family: GothamHTF-Medium; 
    font-size: 17px; 
    padding: 22px 0.85em 16px; 
}

당신이 무엇을하는지 해결하기 위해 아래 CSS를 추가에 대해 이야기하는 경우 찾고있어?

출처

2013-10-25 12:40:25

은 아무 것도하지 않는 것 같습니다 ... – nirazul

정확하게 문제가 계속됩니다 – biip

그 깨진 배경이 점선 테두리 아래로 오는 것을 이야기하고 있습니까? –

이 CSS를 탐색 스타일에 추가하십시오.

#nav{ 
-webkit-backface-visibility: hidden; 
}

출처

2013-10-25 13:22:09 Nobita

그냥 ftp로 변경하고 여전히 나를 위해, 안타깝게도 작동하지 않습니다 – biip

스크롤 할 때 흐린 탐색 막대

답변

관련 문제