多くの検索を行った後、InternetExplorerで透明性を確保するためにこれら2つのCycleプラグインオプションを見つけることができました。cleartype: true, cleartypeNoBg: true,
私が今抱えている問題は、バウンストランジション中に表示される画像の周りに黒いブロックがあり、トランジションが完了して画像がフレームに収まると削除されることです。IEでのみ発生します。
これを修正する方法について何かアイデアはありますか?
多くの検索を行った後、InternetExplorerで透明性を確保するためにこれら2つのCycleプラグインオプションを見つけることができました。cleartype: true, cleartypeNoBg: true,
私が今抱えている問題は、バウンストランジション中に表示される画像の周りに黒いブロックがあり、トランジションが完了して画像がフレームに収まると削除されることです。IEでのみ発生します。
これを修正する方法について何かアイデアはありますか?
ドキュメントを読むと、clearTypeNoBGはあなたが考えていることとは反対のことをしているようです: IE の下で透過性を修正しないようにプラグインに指示します。falseのままにしておきます。cleartypeには値!$.support.opacityが自動的に割り当てられますが、これもそのままにしておく必要があります。
言い換えると、ブラウザが不透明度をサポートしていないことをプラグインに伝えているため、cleartype ( !$.support.opacity ) をtrueに設定してから、この欠点を修正しないようにclearTypeNoBGを設定して伝えています。真実。
画像に透明度が明示的に設定されていないにもかかわらず、フェード トランジション中に白いブロックが表示されました。
画像エディタ(私の場合はPhotoshop)を使用して、画像の上に不透明度2%に設定された完全な白いレイヤーを追加することで問題を解決しました. それをjpgとして保存すると、問題はなくなりました。
jQuery サイクルのコアを編集し、 function を検索しました$.fn.cycle.commonReset
。
コメントアウトしましたopts.cssBefore.opacity = 1;
。
scrollHorz
これが最善の解決策ではないことはわかっていますが、トランジションを使用しているのでうまくいきます。