CSS3 Transition在移动设备上错误触发

Question

我正在使用一个非常简单的菜单，它在台式机上运行非常出色，但是，当我在移动设备上对其进行测试时，从主屏幕转到2似乎可以一直触发到2.1（请参见下面的导航）。

<nav id="megamenu">
    <h2>asdasdasdasd 1</h2>
    <h2>asdasdasdasd 2</h2>
    <div>
        <h2>asdasdasdasd 2.1</h2>
        <div>
            <h2>asdasdasdasd 2.1.1</h2>
            <h2>asdasdasdasd 2.1.2</h2>
            <h2>asdasdasdasd 2.1.3</h2>
            <h2>asdasdasdasd 2.1.4</h2>
            <h2>asdasdasdasd 2.1.5</h2>
        </div>

        <h2>asdasdasdasd 2.2</h2>
        <h2>asdasdasdasd 2.3</h2>
        <h2>asdasdasdasd 2.4</h2>
        <h2>asdasdasdasd 2.5</h2>
    </div>

    <h2>asdasdasdasd 3</h2>
    <h2>asdasdasdasd 4</h2>    
    <h2>asdasdasdasd 5</h2>
</nav>​

我不知道是不是我不完全了解CSS过渡，还是什么。 有关所有多汁的细节，这是一个小提琴： http : //jsfiddle.net/kjjgQ/

Answer 1

解决了。 我最终为div而不是向左设置了过渡位置。