2011-12-04 5 views
0

親のdivに影響を及ぼし親のdiv。CSS3トランジションは、私はこのCSS3の遷移は、親のdivに影響を与え理由を見つけようとしている

しかし、何が起こるかは、私は私のコンテンツを越えて始まる行にこれらの3を使用する一方で、ボックスの高さは

(または国境なし)1ピクセルで遷移が始まるたび/端を縮小していることですユーザーがこれらのアイテムを非常に素早く移動する場合は、ジャンプしてください。

私は応答レイアウトで作業しているので、固定高さの設定はオプションではありません。

+0

あなたはそれが唯一のIEにびくびくだ意味。どのように動作するかについては、IEを決して参考にしないでください。それは地球上で最悪のブラウザです。 – Rob

+0

私は知っています。私はIEも嫌いです。 NeatherはIEを使った。しかし、それはサファリやクロムと同じです、それが私が求めている理由です。 – Melros

+0

他のブラウザでは問題は表示されません。 – Rob

答えて

0

マージンをアニメーション化する代わりに(ボックスの高さを再計算する必要があるため、部分ピクセルの丸め誤差が移動するため)、トランスフォームを使用します。

また、IE10にはトランジションがあるので、msプレフィックスも使用してください。

http://jsfiddle.net/BpUqt/10/

+0

IE10は1年間は出ておらず、誰もWindows8にアップグレードしない限り誰も使用できません。 – Rob

+0

これは実際には良いアイデアですが、それはいくつかの問題を引き起こします。私はレスポンシブなレイアウトに取り組んでいるので、毎回マージンを再計算する必要があります。それを除いて、円はホバー状態で飛び続ける。そして、最も有線のものは - そしてこれは実際に別の質問であるべきです - あなたが一般的に変換コマンドを使用するとき、なぜテキストのフォントの重みが変わるのですか?私はすでにこれを数回見ました。結局、再計算が問題と思われます。はい。だからまだ回避策を探しています。 – Melros

+0

ここではアイディアです:静的レイアウトでその問題を回避するには、円divを親divに置き、固定高さを親divに設定します。応答性の高いソリューションの場合、親divは円の幅と高さにtransaprent imgを挿入します。もう1つのhttp要求のそばで問題が解決されます。どう思いますか? – Melros

関連する問題