2012-09-06 1 views
0

표시되지.Cufon 텍스트 그것도 제대로 작동이 IE8</strong>을 등 <strong>IE9</strong>와 크롬에 그러나 <strong>에서 잘 작동 <a href="http://www.sydneybeeandwaspremoval.com.au" rel="nofollow">http://www.sydneybeeandwaspremoval.com.au</a> URL이 <strong>에서 예상대로 상당히 IE7</strong> 작동하지 않습니다 IE8

기본적으로 상단 탐색 메뉴는 모두 사용자 정의 글꼴이지만 첫 번째 레벨 링크는 정상적으로 작동하지만 두 번째 레벨 링크는 cufon 캔버스와 cufontext로 적절히 대체됩니다. 그러나 볼 수는 없지만 요소를 검사했습니다. 위치가 정확하다는 것을 알기 위해 모든 배경 이미지를 제거하고 컬러를 변경하려고 시도했지만이 또한 도움이되지 않았습니다. 가시성이 숨겨져있는 것처럼 보이지만 CSS를 발견하지 못했습니다. 아이디어 나 제안이 있으면 큰 도움이됩니다. 모든 IE7에서 작동하는 경우

+0

있습니까? @font 사실은 이제 모든 주요 브라우저에서 작동하며 훨씬 더 신뢰할 수 있습니다. –

+0

템플릿을 구입 한 경우 불행히도 js 파일은 포함되지 않습니다. –

+0

아, 그럴만한 이유가 있습니다. 행운을 빕니다! –

답변

1

이 버그는 여기에 설명되어 있습니다 : http://drupal.org/node/834636

문제가 visibility: hidden와 숨겨진 요소가 제대로 IE8에서 Cufon에 의해 렌더링되지 않습니다. 그런 다음 해결 방법은 display 속성의 visibility 속성을 바꾸는 것입니다.

.menu-nav li ul { position: absolute; top: 44px; left: -14px; z-index: 100; width: 300px; display: none; } 

을 그리고이 함께 라인 (433)을 대체 : 당신의 templates/theme484/css/template.css 파일에서

, 이것에 의해 라인 (431)을 대체 여전히 cufon을 사용하고있는 이유는

.menu-nav li.parent:hover ul { display: block; } 
+0

이 상세한 답변을 주셔서 감사합니다. 적절한 해결책을 찾고 있었고 이와 같은 문제가 발생했습니다. 감사합니다.] –

0

키에 란은

, 하나 개의 솔루션 호환성 모드에서 사이트 운영을 IE8을 강제로 수 있습니다. 페이지의 < 헤드>에서 :

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 

는 더욱 더, 당신은 IE8에만이 작업을 수행하여 호환성 모드에서 실행되도록 타겟팅 할 수 있습니다 :

<!--[if IE 8]> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
<![endif]--> 

행운을 빕니다.