sIFRを使用してCardinalCoffee.comというサイトを作成しています。Safariで動作しない特定のsIFRセレクタ - 非常に珍しいバグ:
それはあなたの/ etc/hostsに
72.249.85.228 cardinalcoffee.com 72.249.85.228 www.cardinalcoffee.com
を追加することでアクセスので、行くのは非常に準備ができていないのです(C:\ \ WINDOWS \ SYSTEM32 \ドライバーWindowsの場合など\ホスト)。
ブログページ(http://cardinalcoffee.com/blog/)では、ブログページのみで特定のsIFRセレクタが失敗しますが、Safariでのみ失敗します。 sIFRベースのナビゲーションとブログポストの小見出しは、ブログページには表示されませんが、他のすべてのブラウザ(他のすべてのブラウザでは/ blog/pageが問題ありません)で動作します。ここ
が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はをH 2)を無視しているように見えます。 sifr.cssの適切なスタイルルールは次のとおりです。
.sIFR-active .non_admin #content_column .entry h2 { font-size: 36px; visibility: hidden; }
これはWordPressサイトです。
[編集]: はこのルールが何とか責任があることが表示されます:
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 });
(私は他のsIFRは、ファイルの先頭に代わる移動し、ナビゲーションが完璧にロードするために始めました。)
画像を使用しますか? –
あなたの洞察力のあるコメントに感謝します! しかし、ナビゲーションは動的に生成されなければならず、複雑なバックグラウンド上でのイメージの透過性の必要性に悩まされているImageMagick + Wordpressの管理は複雑ではありません。 私の決断はsIFRを採用している他の開発者にとって価値があることを願っています。 –