2009-06-07 5 views
0

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は、ファイルの先頭に代わる移動し、ナビゲーションが完璧にロードするために始めました。)

+0

画像を使用しますか? –

+0

あなたの洞察力のあるコメントに感謝します! しかし、ナビゲーションは動的に生成されなければならず、複雑なバックグラウンド上でのイメージの透過性の必要性に悩まされているImageMagick + Wordpressの管理は複雑ではありません。 私の決断はsIFRを採用している他の開発者にとって価値があることを願っています。 –

答えて

0

申し訳ありませんが、<に>というクラスが割り当てられていて、Flutterで編集機能を有効にしていたので、<h2>のように見えます。

私が<のクラスを削除したときに、>と置き換えられました。 sifr-config.jsの構成の先頭にヘッダdiv.SimpleSideNavのul.sf李 sIFRの交換を移動するには、それが働かせた理由はまだ

は説明しませんが、私は贈り物の馬を見てするつもりはありません口の中で。

+0

わかりませんが、あなたが理解したように見えます:)セレクターの特異性に関する問題があった可能性があります。 sIFRでは、最も具体的な置換を最初に置く必要があります。 ところで、リンクを直接置き換えることはできません。ブラウザ間で正しく動作しません。リンクがFlashムービー内で終わるように、親要素を置き換える必要があります。 –

関連する問題