0

私はこれを作った：

<div class="example">
    <div class="menuholder">
        <ul class="menu slide">
            <li>
                <a href="#" class="Burgergemeinde">
                    Burger-gemeinde
                    <div class="rojo"></div>
                </a>
            </li>
            <li>
                <a href="#" class="Seniorenwohnungen">
                    Senioren-wohnungen
                    <div class="naranja"></div>
                </a>
            </li>
            <li>
                <a href="#" class="Burgerheim">
                    Burgerheim
                    <div class="amarillo"></div>
                </a>
            </li>
            <li>
                <a href="#" class="Schüür">
                    Schüür
                    <div class="violeta"></div>
                </a>
            </li>
            <li>
                <a href="#" class="Forst">
                    Forst
                    <div class="verde"></div>
                </a>
            </li>
        </ul>
    </div>
</div>

http://jsfiddle.net/qQ39J/1/ CSSコードはこの中にあります

私の質問は次のとおりです。Safari では機能するのに、Firefox では機能しないのはなぜですか? 誰でも助けることができますか？おそらく私はコードを正しく書いていません。これは難しすぎる。

4

1 に答える 1

1

これは、Firefox で動作する JS フィドルのデモです。

フィドル

それを通過すると、移行に役立つ場合があります。

ここにCSSがあります

#main
{
height:200px;
width:200px;
background-color:red;
-webkit-transition: height 0.9s ease-in-out;
-moz-transition: height 0.9s ease-in-out;
-ms-transition: height 0.9s ease-in-out;
-o-transition: height 0.9s ease-in-out;
transition: height 0.9s ease-in-out;
}

#main:hover
{
height:300px;    
}

これがcssで、divをアニメーション化します。

<div id="main"></div>

チェックして、成功した結果に進むことができない場合はお知らせください。フィドルであなたの答えを編集し始めます:)

于 2013-09-25T15:26:48.637 に答える