sIFR を使用して CardinalCoffee.com というサイトを作成しています。
準備ができていないので、追加してアクセスします
72.249.85.228 cardinalcoffee.com 72.249.85.228 www.cardinalcoffee.com
/etc/hosts (Windows では C:\WINDOWS\system32\drivers\etc\hosts) にコピーします。
ブログ ページ ( http://cardinalcoffee.com/blog/ ) で、ブログ ページでのみ、特定の sIFR セレクターが失敗しますが、Safari でのみです。sIFR ベースのナビゲーションとブログ投稿の小見出しは、ブログ ページには表示されませんが、他のすべての場所で表示されます (他のすべてのブラウザーでは、/blog/ ページは問題ありません)。
sifr-config.js からの適切なセレクターは次のとおりです。
sIFR.replace(itc_anna_std, { セレクター: '#top_nav li a', css: [ '.sIFR-root {.sIFR-root { 背景色: #f8eca8; 色: #FFBF11; }'、 'a { text-decoration: none; 色: #FFBF11;}', 'a:link { color: #FFBF11; 色: #FFBF11;}', 'a:hover { color: #FFBF11; 色: #FFBF11;}' ]、 wmode: '透明', forceSingleLine: 真、 曲幅: 2 }); sIFR.replace(itc_anna_std, { セレクター: '.non-admin #content_column .entry h2 a', css: [ '.sIFR-root { 背景色: #f8eca8; 色: #170504; text-align:left;}', 'a {text-decoration:none; 色: #170504;}', 'a:hover { color: #170504; }' ]、 wmode: '透明', tuneHeight: -18, 上オフセット: -6 });
さらに、小見出し (セレクター: .entry h2 a ) の font-size 宣言は無視されているようです。sifr.css からの適切なスタイル ルールは次のとおりです。
.sIFR-active .non_admin #content_column .entry h2 { フォントサイズ: 36px; 可視性: 非表示; }
これはワードプレスのサイトです。
[編集]: どうやらこのルールが原因のようです:
sIFR.replace(itc_anna_std, { セレクター: '.non-admin #content-column .entry h2', css: [ '.sIFR-root { 背景色: #f8eca8; 色: #170504;}', 'a { text-decoration: none; 色: #170504;}', 'a:link { text-decoration: none; 色: #170504;}', 'a:hover { color: #170504;}' ]、 wmode: '透明', tuneHeight: -18, 上オフセット: -6 });
(他の sIFR 置換をファイルの先頭に移動すると、ナビゲーションが問題なく読み込まれ始めました。)