PArallax 웹 사이트 메뉴는 텍스트와 완벽하게 작동합니다 (축소되지 않음).

Question

좋아, 간단한 변경을 원하는 친구로부터 웹 사이트가 제공되었습니다 ... 아니면 적어도 생각한 것입니다. 로고가 어디

내가 지금 http://salonesvip.mindworks.cl/Concepto_01/

에 임시 서버에 ... 지금까지 변화의 부하입니다 수행 한 탑은 탐색 모음에서 왼쪽입니다.

로고가 텍스트 인 경우 방문자가 페이지 아래로 이동할 때 완벽하게 축소되지만 이미지를 배치하면 ... "축소 효과"가 줄어 듭니다.

는 CSS에서있다 :

/* -------------------------------------------------- */ 
/* Logo 
/* -------------------------------------------------- */ 

#logo, 
#navigation { 
    display: inline-block; 
    vertical-align: middle; 
} 

    #logo { 
     margin-bottom: 0; 
     font-family: 'Julius Sans One', sans-serif; 

     -webkit-transition: font-size .25s ease; 
       transition: font-size .25s ease; 
    } 

    .transparent #logo { font-size: 44px; } 

     .transparent #logo a { color: #fff; } 

    .header-shrink #logo { font-size: 28px; } 

     .header-shrink #logo a { color: #fff; } 

이이 텍스트 작동을 의미합니다 ...하지만 나는 단순히 Dreamweaver에서 이미지를 추가 할 때 .... 어떤 도움이 좋을 것.

Answer 1

는 난 당신이 이미지를 사용하여 두 개의 다른 장소

.transparent #logo { 
    font-size: 44px; 
} 

헤더가 작아지면 글꼴 크기가 감소에서 글꼴을 변경 폭과 높이를 제공하지만 웹 사이트에 생각

.header-shrink #logo { 
    font-size: 28px; 
} 

그래서이 두 클래스에서 이미지의 특정 높이와 너비를 지정하여 모든 위치에서 전체와 수축을 조절하도록