2009-06-07 2 views
0

sIFR을 사용하여 CardinalCoffee.com 사이트를 만들고 있습니다.Safari에서 작동하지 않는 특정 sIFR 선택기 - 매우 특이한 버그 :

그것은 당신의/etc

 
72.249.85.228 cardinalcoffee.com 
72.249.85.228 www.cardinalcoffee.com 

를 추가하여 매우 갈 준비 때문에 접근이 아니다/호스트 (C : \ WINDOWS \ system32를 Windows에서 드라이버 \ 등 \ 호스트 \).

블로그 페이지 (http://cardinalcoffee.com/blog/) 및 블로그 페이지에서만 특정 sIFR 선택기가 실패하지만 Safari에서만 발생합니다. sIFR 기반 탐색 및 블로그 게시 소제목은 블로그 페이지에 표시되지 않지만 다른 모든 브라우저/블로그/페이지에서 정상적으로 작동합니다. 여기

은 또는 sIFR-config.js에서 적절한 선택기 같습니다

 
sIFR.replace(itc_anna_std, { 
    selector: '#top_nav li a', 
    css: [ 
     '.sIFR-root {.sIFR-root { background-color: #f8eca8; color: #FFBF11; }', 
     'a { text-decoration: none; color: #FFBF11;}', 
     'a:link { color: #FFBF11; color: #FFBF11;}', 
     'a:hover { color: #FFBF11; color: #FFBF11;}' 
    ], 
    wmode: 'transparent', 
    forceSingleLine: true, 
    tuneWidth: 2 
}); 
sIFR.replace(itc_anna_std, { 
    selector: '.non-admin #content_column .entry h2 a', 
    css: [ 
     '.sIFR-root { background-color: #f8eca8; color: #170504; text-align:left;}', 
     'a {text-decoration:none; color: #170504;}', 
     'a:hover { color: #170504; }'  
    ], 
    wmode: 'transparent', 
    tuneHeight: -18, 
    offsetTop: -6 
}); 

또한, 부제에 폰트 사이즈 선언 : 무시하는 것 (.entry 선택기는가 H2). 다음은 sifr.css의 관련 스타일 규칙입니다.

 
    .sIFR-active .non_admin #content_column .entry h2 { 
     font-size: 36px; 
    visibility: hidden; 
    } 

이것은 WordPress 사이트입니다.

[편집] : 이 규칙은 어떻게 든 비난하는 것 같습니다 : (. 내가 다른 또는 sIFR 파일 및 탐색의 상단에 대체 이동 완벽하게로드하기 시작했다)

 
sIFR.replace(itc_anna_std, { 
    selector: '.non-admin #content-column .entry h2', 
    css: [ 
     '.sIFR-root { background-color: #f8eca8; color: #170504;}', 
     'a { text-decoration: none; color: #170504;}', 
     'a:link { text-decoration: none; color: #170504;}', 
     'a:hover { color: #170504;}' 
    ], 
    wmode: 'transparent', 
    tuneHeight: -18, 
    offsetTop: -6 
}); 

+0

이미지 사용 ...? –

+0

귀하의 통찰력있는 의견에 감사드립니다! 그러나 탐색이 동적으로 생성되어야하며 ImageMagick + Wordpress를 관리해야합니다. 복잡 한 배경 위에 이미지 투명성의 필요성에 뒤죽박죽이 되어도 복잡하지는 않습니다. 내 해상도가 sIFR을 사용하는 다른 개발자에게 도움이되기를 바랍니다. –

답변

0

좋아요, < >에 할당 된 클래스가 각 <h2> 인 것처럼 보입니다. Flutter로 편집 기능을 활성화했기 때문입니다.

< >에서 클래스를 삭제할 때 대체물이 제대로 전달되었습니다. 또는 sIFR-config.js 구성의 상단에 헤더 div.SimpleSideNav의 ul.sf 리튬 또는 sIFR 교체 이동이 작동 만든 이유는 아직

는 설명하지 않습니다,하지만 난 선물 말을보고하지 않을거야 입 안에.

+0

잘 모르겠습니다 만, 알아 낸 것 같습니다 :) 선택기 특이성과 관련하여 문제가있을 수 있습니다. sIFR을 사용하려면 가장 구체적인 대체품을 먼저 넣어야합니다. 사실, 링크를 직접 바꿀 수는 없으며 브라우저 간 제대로 작동하지 않습니다. 링크가 Flash 무비 내에서 끝나도록 상위 요소를 대체해야합니다. –

관련 문제