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