메인 네비게이션을위한 Cufon 스타일링

Question

이 웹 사이트에서 : http://theoew.uuuq.com/portfolios/Idea/ 나는 Cufon을 사용하여 메인 네비게이션의 텍스트를 스타일링한다. 나는이 HTML 코드를 사용했다.

<ul id="mainnav" class="alignright"> 
    <li class="active"> 
     <a href="#"> 
      <span>Home</span> 
      <small class="active">main page</small> 
     </a> 
    </li> 
    <li> 
     <a href="#"> 
      <span>About</span> 
      <small class="active">my bio</small> 
     </a> 
    </li> 
</ul> 

그러나 한 가지 문제가 있습니다. #mainnav li 스팬 위로 마우스를 가져 가면 즉시 마우스를 아래쪽으로 움직여 #mainnav li 작은 텍스트 위에 마우스를 올려 놓으면 #mainnav li span이 마우스가 여전히 위에 있고 마우스를 가리 키도록 유지합니다. #mainnav li span 위로 마우스를 가져간 후 작은 #mainnav li 위로 마우스를 가져 가면 발생하지 않습니다.

나는 Cufon이 코드를 사용하고 있습니다 :

내가이 고칠 정말 중요한

Cufon.replace('#mainnav li a span', { 
    hover: true, 
    hoverables: { span: true, small: true } 
}); 

그것 때문에 내가 어떤 도움을 정말 감사하겠습니다.

참고 : 사이트는 결코 완료되지 않습니다.

Answer 1

안녕하세요. 나는 코드를 실행하지 않았지만 작은 태그를 넣으려고하면 커프 교체를 할 수 있습니다 .....

<script type="text/javascript"> 
      $(document).ready(function() {  
       Cufon.replace('h1, #mainnav li a span, #mainnav li a small', { 
        hover: true, 
        hoverables: { span: true, small: true } 

       }); 
      }); 
     </script>