0

これは、Firefox 3.0 で繰り返し発生する問題です。リフレッシュし続けると、ラップするときとラップしないときがあるようです。ラップしない場合は、ウィンドウ サイズを調整すると、sIFR された要素が正しいサイズにスナップされます。コンテナーの幅に基づいて、要素をロード時にラップする必要があります。

sIFR 3.0 の最新の「ナイトリー ビルド」を持っています。

h2タグをsIFRしたい。h2 タグは div で囲まれ、両方とも幅が設定されています。

<div class="recipe-title">
   <h2>This is a recipe title</h2>
</div>

私の sifr.js ファイルには、次のパラメーターが設定されています。

forceWidth = true; 
fitExactly = true; 
preventWrap = false;

私の .sifr.CSS ファイルは次のようになります。

@media screen {
  .sIFR-active .recipe-title h2 { width:455px; font-size:16px; text-transform:uppercase; }
}

そして、私の通常の CSS ファイルは次のようになります。

.recipe-title, .recipe-title h2 { width:400px; }

PC 上の FF3 のみを除いて、他のすべてのブラウザで動作するようです。これは既知のバグですか?

4

6 に答える 6

1

私はそれが text-transform:uppercase であり、フラッシュ幅が設定された後に単語幅を拡大していると確信しています

私はしばらくの間、これに対する解決策を見つけようとしてきました

于 2009-07-17T22:14:42.963 に答える
1

sIFR の初期化が早すぎる可能性があります。最も簡単な修正はsIFR.useDomLoaded = false;beforeを設定するsIFR.activate()ことです。これにより、要素を置き換える前にページが読み込まれるまで待機します。

sIFR.useStyleCheck = true;もう少し CSS が必要ですが、CSS がロードされるまで待機するものを使用することも検討できます。

于 2009-03-15T20:37:00.670 に答える
1

一般ユーザーの場合... オブジェクトまたは画像の div コンテナーの幅と高さを設定してください。これらの値が設定されていない場合、Firefox は次のテキストをラップします。

于 2010-08-29T10:42:52.567 に答える
0

マークのアドバイスによると、コメントを外すsIFR.useStyleCheck = true; sIFR.activate（）が機能する直前。

ロバート、sIFR.activate（）はsifr.jsにあります。

于 2009-08-04T22:01:45.967 に答える
0

要素の高さを指定する必要がある可能性があります。IE7 でも同様の問題が発生する可能性があります。

于 2009-03-13T18:29:20.547 に答える
0

sIFR.activate() は sifr.js ファイルまたは sifr-addons.js ファイルにありますか?

于 2009-06-15T15:36:48.767 に答える