SIFR 3 FF3.6の単一行にテキストをランダムに配置する
-
27-09-2019 - |
質問
SIFR 3はFirefoxで奇妙に振る舞っています。
実際のSIFRフラッシュ要素は、幅412pxのボックス内に設定されています。 IE、Chrome、Safariなどでは、フラッシュ要素のwithは一貫した412pxです。ただし、Firefoxでは、フラッシュ要素は、自分自身を修正する前に、身体要素と同じくらい幅が広いです。ページが読み込み終了したら、 時折 フラッシュ要素はその幅が広く、レイアウトを破壊します(フラッシュテキストは、サイドバーの下に右側に流れます)。
.sifr-flash要素のCSSの幅を設定すると、適切な412px幅のままになりますが、テキストはまったく包まれていません。 1行高。
マークアップはシンプルです。それはただです h2
間に div
.
私のSIFRコード:
var clerkenwell = { src: '/flash/sifr.swf' };
sIFR.activate(clerkenwell);
sIFR.replace(clerkenwell, {
selector: '.post h2',
css: '.sIFR-root { color: #1899c4; text-transform:uppercase; font-size:30px; }',
transparent: 'true',
});
設定 forceWidth: 'true',
.sifr-flash要素でCSS幅を使用するのと同じ問題を引き起こすだけです。
だから:Firefoxでのラインブレークを許可しながら、SIFRテキストを含む要素と同じくらい広いままにするにはどうすればよいですか?
すべての助けをありがとう!
解決 2
最終的に修正が見つかりました 別のStackOverFlow投稿.
この問題は、解決することによって解決されました sIFR.useStyleCheck = true;
sifr-config.jsで。知りたいです どうして それはうまくいきましたが、それに対する答えはおそらく私の頭の上です。 :)
他のヒント
これは本当にあなたの質問に対する答えではありません。しかし、私は最近、大きなウェブサイトをから変換しました sifr to cufon そして、それはそよ風でした! SIFRよりもはるかにシンプルで、セットアップが簡単で、はるかに高速でした。パフォーマンスとその他の頭痛の悪さ(あなたのような)が私を切り替えさせました、そして私はそれに満足しています。