2014-09-27 4 views
3

내 WordPress 테마에서 필자는 톱 메뉴에 마우스를 올렸지 만 갑자기 작동이 멈췄다. 왜 그런지 모르겠다. 그래서 무엇이 있는지보기 위해 요소를 검사하려고 시도했다. 도에가는 것은 다시 이상의 효과를 얻을려고이 같은 CSS 클래스를 추가하려고 :cufon 및 캔버스 란 무엇이며 어떻게 덮어 씁니까?

#navigation li a:hover{color:#b0d719 !important;} 

을하지만 작동하지 않습니다, 그때는 HTML에서 뭔가를 깨달았다 ... 그 cufon 캔버스 것은 어떤 I 돈 그것이 무엇인지 알지 못하며 탐색 모음에서 호버 효과를 다시 얻으려면이를 수행하기 위해 겹쳐 쓰는 방법을 모릅니다.

은 여기 내 website link 그리고 여기가 내가 그 라이브러리를 모르는

enter image description here

+4

cufon는 @ 전에 안전하지 않은 글꼴을 사용하는 오래된 방법입니다 @ 글꼴 - 얼굴. 그것이하는 일은 실제 텍스트를 이미지와 겹치게하여 서재응을위한 텍스트를 유지하면서 모두 멋진 글꼴 (이미지)을 보게하는 것입니다. Cufon은 항상 CSS의 측면에서 매우 제한적이었습니다. 그것은 제한 사항 중 하나였습니다. 그리고 이것이 매우 안전하지 않았기 때문에, 이것이 문제인지 아닌지는 모르겠지만 새로운 WP 버전이 패치를 적용했는지에 대해 확신합니다. 즉, Cufon이 작동을 멈추게 만들었습니다. 좋은 소식은 Cufon보다 솔루션이 쉽고 간단하다는 것입니다. @ font-face로 글꼴을 추가하고 문제가 해결됨 – Devin

+1

@Fabio에 대한 설명에 고마워요.이 문제를 해결하는 방법을 알아 냈지만 여전히 모릅니다. 이 오류가 발생하는 이유는 무엇입니까? 나는 대답으로 해결하는 방법을 추가했습니다. –

+0

예, 지금 보았습니다. 어쨌든, 나는 font-face로 이동하는 것이 좋습니다. 더 빠르고 안전하며 서버에 대한 요청이 적어 지루할 때 5 초 만에 글꼴을 다른 것으로 변경할 수 있습니다.) – Devin

답변

0

코드 단편을 제거한 몇 가지 테스트를 마친 후, 나는 그것을 알아 냈습니다. 나는 그것을 및 호버 효과가 잘 작동 제거 다음

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script type="text/javascript"> 
// document ready equivalent 
$(function(){ 
    // hide 
    $("#share-stuff").hide(); 

    $("#clickme").click(function() { 
    $("#share-stuff").slideToggle("slow", function() { 
    // Animation complete. 
    }); 
    }); 
}); 
</script> 

이 그 JS 스크립트와 CSS의 모든 위의 코드뿐만 아니라에서 헤더를 가지고 있었다, 그래서 나는에 배치 JS와 CSS의 모든 미만이 이동 머리글 및 그것은 지금 작동하지만, 여전히 왜, 이것도 이유는 모르겠지만 그 이유는 무엇입니까, 아직도 알고 싶습니다

1

뿐만 아니라 발생되는 이미지 미리보기는하지만 나는 다음과 같은 코드를 제거하면 문제를 해결할 것이라고 생각 :

Cufon.replace('#navigation > ul > li > a', { 
    textShadow: '1px 1px rgba(0, 0, 0, 0.2)', 
    hover: { 
     color: linksColor 
    } 
}); 

제거하려는 다른 Cufon.replace 전화가 있습니다. 당신이 라이브러리를하지 않으려면

또한, 당신은

<script type='text/javascript' src='http://tv.pulseframe.com/wp-content/themes/trademark/files/js/cufon.js?ver=4.0'></script> 

을 제거 할 수 있지만, 그것은 당신의 script.jstheme.js 스크립트를 중단 할 수 있습니다.

+0

글쎄요, 이제 막 알아 냈습니다. 위의 JS 스크립트와 CSS뿐만 아니라 헤더에도이 코드가 있습니다. ' \t 그런 다음이 항목을 모두 아래로 이동했는데 작동하지만 여전히 이유를 모릅니다. –