0

ウェブサイト：http：//ghostpool.com/wordpress/slide/

左下隅にある[+]ボタンをクリックしてフッターを表示すると、Safariでcufonの見出しテキストがすばやく移動または非表示になります（5.0.3を使用）。この問題は他のブラウザでは発生しません。スライダーの5番目のスライドからビデオを削除またはホバーするか、トグル機能なしでデフォルトでフッターを表示すると、問題は解決します。これは、Safariでのビデオとcufonの存在に問題があるはずであることを意味します。この問題を修正するための助けをいただければ幸いです。

4

2 に答える 2

1

このバグについてCufonの作成者に尋ねた後、彼はこれで答えました

https://github.com/sorccu/cufon/issues/199

「こんにちは、私はこれまでにこれに遭遇したことはありませんが、ポジショニングを削除するのではなく、ポジショニングされたcufon要素にz-index（auto以外のほとんどすべての値）を追加してみてください。 、ビデオ自体にz-indexを追加してみてください（または、まだ配置されていない場合は配置してみてください）。

どうなるか教えてください。また、この問題はおそらくキャンバス全般に影響を与えると思います。Safariチームはおそらく彼らの側でそれを修正するでしょう（遅かれ早かれ..）そのサイトには他のおそらく関連する問題もあります。たとえば、サブメニューが部分的にレンダリングされたままになることがあります。添付ファイルを参照してください（機能する場合）。

次のバージョン（1.10）は実際にはポジショニングを使用しなくなったので、問題はなくなるかもしれないと思います。でも、いつリリースされるのかわからないので聞かないでください。

-シモ」

auto以外のz-index値を追加すると、この問題も修正されるようです。位置の使用：静的は、Cufonされたテキストの制御を制限しすぎます

使い方も簡単だと思いました

*.cufon-canvas { 
  z-index: 0;
}

GhostPoolが提案した修正の代わりに。

これらの修正のいずれかについて私が気に入らないのは、cufonの任意のブロックにspanタグをネストして、その位置属性を変更しようとした場合だけです。z-indexfixを無視します。

于 2011-07-28T14:19:15.953 に答える
0

わかりました。CSS修正でこの問題を解決できました。

cufonテキストには位置が与えられます：デフォルトでは相対的であり、position：staticでこれを無効にする必要があります。以下をスタイルシートに追加します。

  h3 cufon,
  h3 canvas {
  position: static !important;
  }

h3を適用したい要素に変更します。位置を読み取る必要があります：位置を処理しないため、Internet Explorerとの相対的なスタイル：静的すぎます。したがって、これをIE固有のスタイルシートに追加します。

 h3 cufon,
 h3 canvas {
 position: relative !important;
 }
于 2011-02-14T11:26:34.413 に答える