CSSトランジションのWebKitでの作業が、FF

に私はサブメニューに移行して、ドロップダウンメニューのため、このコードを持っていない：CSSトランジションのWebKitでの作業が、FF

ul.menu ul { 
     -moz-transition: visibility 0s linear .55s, opacity .55s linear 0s; 
     -webkit-transition: visibility 0s linear .55s, opacity .55s linear 0s; 
     -o-transition: visibility 0s linear .55s, opacity .55s linear 0s; 
     transition: visibility 0s linear .55s, opacity .55s linear 0s; 
     visibility: hidden; 
     opacity: 0;} 

ul.menu li:hover > ul { 
     -moz-transition-delay:0s; 
     -o-transition-delay:0s; 
     -webkit-transition-delay:0s; 
     transition-delay:0s; 
     visibility: visible; 
     opacity: 1; }

それはChromeでなく、Firefoxで正しく表示される（7.0 .1）：なぜですか？別のエレメットの背景色を変えるもう1つのトランジションはうまく動作し、同様のトランジション（www.greywyvern.com/?post=337というアイデア！）もFFで動作します。

出典

2011-11-09 teolives

"正しく"どのように定義していますか？ 'visibility'は離散的なプロパティなので、どのように遷移すべきかを定義することは複雑です。その上の仕様は流動的であり、実装はお互いまたは現在の仕様と一致しない可能性があります。 –

私が投稿したリンクのように "正しく"（これはFFで非常に似たコードで動作します...）。私は、仕様が "確立"されていないことに同意しますが、例として私は作品にリンクしています（FFでも）。 – teolives

上記のCSSをHTMLに適用した実際のページを投稿できますか？ –

これはCSS3の機能なので、まだFirefoxでは機能していないと思います。 thisページの下部にある互換性表を参照してください...ブラウザをアップグレードするか、トランジションの代わりに使用してみてください。

出典

2011-11-09 13:35:50 Michiel

-moz-transitionが動作するはずです... – teolives

あなたはあまりにも多くのタイミングの宣言を持っている：

-moz-transition: visibility 0s linear .55s, opacity .55s linear 0s;

あなたが最後のタイミング0sを削除すると予想されるとして、それが動作します。

See here, with your code and with the last time removed.

出典

2011-11-09 13:56:42 Kyle

私のために働いていないのですが、それはなぜですか？最後のタイミングは遅れであり、2つのプロパティで異なることができると仮定していますが、短くないプロパティも試しましたが、同じ結果が得られました。子供（>）がこのように移行できるかどうかはわかりません... – teolives

CSSトランジションのWebKitでの作業が、FF

答えて

関連する問題